首页 > 其他分享 >js之变量的 介绍

js之变量的 介绍

时间:2024-09-13 23:51:49浏览次数:13  
标签:变量 18 age 介绍 js let 声明 赋值

用户输入的数据我们如何储存起来?

1.变量就是个容器

注意:变量不是数据本身,它们仅仅是一个用于存储数值的容器。可以理解为是一个个用来装东西的纸箱子。

2.变量的基本使用

一.声明变量: 要想使用变量,首先需要创建变量(也称为声明变量或者定义变量)

语法: let 变量名

  • 声明变量有两部分构成:声明关键字、变量名(标识)

  • let 即关键字(let: 允许、许可、让、要),所谓关键字是系统提供的专门用来声明(定义)变量的词语

let age
//我们声明了一个age变量age 
//即变量的名称,也叫标识符

二.变量赋值

定义了一个变量后,你就能够初始化它(赋值)。在变量名之后跟上一个“=”然后是数值。

//1.声明一个 age 变量
let age
//2.age 变量赋值为 18
age = 18   //age是变量 18是字面量
// 3、输出age 变量
alert(age)
//4.打印18
console.log(age)
// 3.声明的同时直接赋值
let age = 18
三.更新变量

不可以重新赋值,不允许多次声明变量

//声明了一个age变量,同时里面存放了18这个数据
let age = 18
//变量里面的数据发生变化更改为19
//let age = 18  错误
age = 19   
//页面输出的结果为19
document.write(age)
​
//2.声明多个变量
let age =18,uname ='迪丽热巴'
console.log(age, uname)
四.变量命名规则与规范

规则:必须遵守,不遵守报错(法律层面)

  • 不能用关键字

  • 关键字:有特殊含义的字符,JavaScript 内置的一些英语词汇。例如:let、var、if、for等

  • 只能用下划线、字母、数字、$组成,且数字不能开头

  • 字母严格区分大小写,如 Age 和 age 是不同的变量

规范:建议,不遵守不会报错,但不符合业内通识(道德层面)

  • 起名要有意义

  • 遵守小驼峰命名法

  • 第一个单词首字母小写,后面每个单词首字母大写。例:userName

练习

变量练习-输出用户信息:

需求:让用户输入自己的名字、年龄、性别,再输出到网页

分析: 弹出输入框(prompt): 请输入您的姓名(uname): 用变量保存起来

弹出输入框(prompt): 请输入您的年龄(age): 用变量保存起来

弹出输入框(prompt): 请输入您的性别(gender): 用变量保存起来。

页面分别 输出(document.write)刚才的 3个变量。

<script>
// 1.姓名
    let uname = prompt('请输入姓名')
    let age = prompt('请输入年龄')
    let gender = prompt('请输入性别')
    document.write(uname, age, gender)
</script>

let和var的区别

var声明:

可以先使用 在声明(不合理)

var 声明过的变量可以重复声明(不合理)

比如变量提升、全局变量、没有块级作用域等等

不提倡使用!!!

常量的基本使用

概念:使用 const 声明的变量称为“常量”

使用场景:当某个变量永远不会改变的时候,就可以使用const 来声明,而不是let。

命名规范:和变量一致

常量使用:

// 声明一个常重
const G= 9.8
//输出这个常量
console.log(G)

注意: 常量不允许重新赋值,声明的时候必须赋值(初始化)

小技巧:不需要重新赋值的数据使用const

标签:变量,18,age,介绍,js,let,声明,赋值
From: https://blog.csdn.net/TwTei/article/details/142064997

相关文章

  • SpringBoot:Web开发(基于SpringBoot使用MyBatis-Plus+JSP开发)
    目录前期准备构建项目(IDEA2023.1.2,JDK21,SpringBoot3.3.3)添加启动器Model准备这里我们利用MybatisX插件生成我们所需要的实体类、数据访问层以及服务层注意选择MyBatis-Plus3以及Lombok然后再在service接口中定义我们所需要的方法以及实现类(利用MyBatis-Plus省去我们......
  • Zookeeper的整体介绍
    一、Zookeeper是通常用来做什么zookeeper的用途大概有如下这些:(1)元数据管理例如Kafka,Canal等可以将一些元数据放入zookeeper中进行管理和维护 (2)名称服务例如Dubbo可以利用这个特性来把zookeeper用作服务注册中心 (3)分布式锁这个应用就比较广泛了,在分布式应用......
  • 【数据结构】字符串与JSON字符串、JSON字符串及相应数据结构(如对象与数组)之间的相互转
    前言:下面打印日志用的是FastJSON依赖库中的 @Log4j2。依赖:<!--AlibabaFastjson--><dependency><groupId>com.alibaba</groupId><artifactId>fastjson</artifactId><version>1.2.80</version></dependency>目录普通字......
  • Hash Table 哈希表工作原理介绍及C/C++/Python实现
    HashTable哈希表工作原理介绍及C/C++/Python实现哈希表(HashTable),也称为散列表,是一种通过哈希函数将键(Key)映射到表中一个位置以便快速访问记录的数据结构。它提供了非常高效的数据检索、插入和删除操作。哈希表的基本原理是使用一个哈希函数将输入(通常是字符串)转换为一个......
  • JS加载
    同步加载阻塞模式,提高安全性过多JS加载会影响页面效率默认情况下,JS是同步加载,及优先加载外部JS,只有当JS文件加载完成,don和css才开始加载<scriptsrc='index.js'></script>异步加载非阻塞加载动态创建scriptdefer延迟加载JS,等到HTML的DOM完全解析之后asyncHTML......
  • JavaSE--零基础的开始笔记01:下载JDK以及Path环境变量的 配置
    Java概述(觉得没必要的可以直接跳过):Java是sun公司1995年推出,2009年被oracle收购又称为“甲骨文公司”。java之父:詹姆斯.高斯林java是一门高级语言,接近人类语言程序易懂。流行度很高,商业占用率高,特性是:可移植性---可跨平台         JavaSE:标准版,java技......
  • 解决lazarus for win版本断点时不能显示中文变量的值和未定义的中文变量在Messages显
    按【让fpc/lazarus支持中文变量/过程/函数/中文控件名称】处理后已可以使用中文变量,但在debug断点时不能显示中文变量的值和未定义的中文变量在Messages显示乱码。存在的问题:1、不显示中文变量的值:2、在IDE的Messages未定义的中文变量显示乱码: 解决方法:1、不显示中文变量的......
  • 面试-JS基础知识-作用域和闭包
    问题this的不同应用场景手写bind函数实际开发中闭包的应用场景,举例说明创建10个<a>标签,点击的时候弹出来对应的序号作用域:某个变量的合法使用范围全局函数块级**自由变量上面图的最里面的红框————aa1a2都是自由变量,因为都没有被定义。会一层一层往上找。......
  • 解决 Node.js 项目中的 Yarn 安装错误
    在开发Node.js项目时,我们经常需要依赖于各种包来增强项目功能。Yarn是一个流行的包管理工具,由Facebook推出,旨在提供更快、更安全、更可靠的依赖管理。然而,如果你在尝试运行项目时遇到了关于Yarn未安装的错误,这可能会阻碍你的开发流程。本文将指导你如何通过简单的步......
  • UMIJS3剖析
    UMIJS3剖析约定式路由umijs是可扩展的企业级前端应用框架。Umi以路由为基础的,并以此进行功能扩展。然后配以生命周期完善的插件体系,支持各种功能扩展和业务需求约定式路由umi初始化项目mkdirhs-umi3npminit-ycnpmiumi-D运行项目pages\index.jssrc\pages\in......