JavaScript——变量

简介: 变量变量就是一个装东西的盒子。变量是用于存放数据的 容器,我们通过 变量名获取数据,甚至数据可以修改。本质:变量是程序在内存中申请的一块用来存放数据的空间。类似我们酒店的房间,一个房间就可以看做是一个变量。变量的使用声明变量// 声明变量var age;//声明一个名称为age的变量var是一个JS关键字,用来声明变量(variable变量的意思)。使用该关键字声明变量后,计算机会自动为变量分配内存空间,不需要程序员管。age是程序员定义的变量名,我们要通过变量名来访问内存中分配的空间。赋值age = 10;//给ag这个变量赋值为10= 用来把右边的值赋

变量

变量就是一个装东西的盒子。

变量是用于存放数据的 容器,我们通过 变量名获取数据,甚至数据可以修改。

本质:变量是程序在内存中申请的一块用来存放数据的空间。

类似我们酒店的房间,一个房间就可以看做是一个变量。

变量的使用

声明变量

// 声明变量
var age;//声明一个名称为age的变量

var是一个JS关键字,用来声明变量(variable变量的意思)。使用该关键字声明变量后,计算机会自动为变量分配内存空间,不需要程序员管。

age是程序员定义的变量名,我们要通过变量名来访问内存中分配的空间。

赋值

age = 10;//给ag这个变量赋值为10

= 用来把右边的值赋给左边的变量空间中,此处代笔赋值的意思。

变量值是程序员保存到变量空间里的值。

变量的初始化

var age = 18;//声明变量同时赋值为18

声明一个变量并赋值,我们称之为变量的初始化

案例:弹出用户名

//用户输入姓名,存储到一个myname的变量里面
var myname = prompt('请输入你的名字');
//输出这个用户名
alert(myname);

语法扩展

1.更新变量

一个变量被重新赋值后,它原有的值就会被覆盖,变量值将以最后一次赋的值为准。

var age = 18;
age = 81;//最后的结果就是81 因为18被覆盖掉了

2.声明多个变量

同时声明多个变量时,只需要写一个var,多个变量名之间使用英文逗号隔开。

var age=18, address='火影', gz=2000;

3.声明变量的特殊情况

只声明不赋值:程序也不知道里面存的是啥,结果是undefined(未定义的)

不声明不赋值:直接使用某个变量会报错。

不声明直接赋值使用:js里面是允许的,但不提倡。

变量的命名规范

  • 由字母(A-Z a-z)、数字(0-9)、下划线(_)、美元符号($)组成、如:userAge,num01,_name
  • 严格区分大小写。var app;var APP;是俩个变量。
  • 不能以数字开头。18age是错误的。
  • 不能是关键字、保留字。例如:varforwhile
  • 变量名必须有意义,采取英文单词,或中文字母简写便于识别。
  • 遵守驼峰命名法。首字母小写,后面单词的首字母需要大写。myFirstName
  • 翻译网站:有道爱词霸

案例:交换俩个变量的值

js是编程语言,有很强的逻辑性在里面。

  1. 我们需要一个临时变量帮助我们。
  2. 把我们的b1给我们的临时变量temp。
  3. 把我们的b2里面的值给我们的变量b1。
  4. 把临时变量里面的值给b2。
var temp; //声明一个变量为空
var b1 = '值一';
var b2 = '值二';
temp = b1;
b1 = b2;
b2 = temp;

总结

  • 因为我们一些数据需要保存,所以需要变量。
  • 变量就是一个容器,用来存放数据的,方便我们以后使用里面的数据。
  • 变量是内存里的一块空间,用来存储数据。
  • 我们使用变量的时候,一定要声明变量,然后赋值。
  • 声明变量本质是去内存申请空间。
  • 声明变量并赋值我们称之为变量的初始化。
  • 变量名要尽量规范,见名知意——驼峰命名法
相关文章
|
4月前
|
JavaScript 前端开发
JavaScript如何判断变量undefined
JavaScript如何判断变量undefined
|
4月前
|
JavaScript 前端开发
JavaScript基础知识-变量的声明提前
关于JavaScript变量声明提前特性的基础知识介绍。
52 0
JavaScript基础知识-变量的声明提前
|
2月前
|
前端开发 JavaScript
如何在 JavaScript 中访问和修改 CSS 变量?
【10月更文挑战第28天】通过以上方法,可以在JavaScript中灵活地访问和修改CSS变量,从而实现根据用户交互、页面状态等动态地改变页面样式,为网页添加更多的交互性和动态效果。在实际应用中,可以根据具体的需求和场景选择合适的方法来操作CSS变量。
|
2月前
|
前端开发 JavaScript 数据处理
CSS 变量的作用域和 JavaScript 变量的作用域有什么不同?
【10月更文挑战第28天】CSS变量和JavaScript变量虽然都有各自的作用域概念,但由于它们所属的语言和应用场景不同,其作用域的定义、范围、覆盖规则以及与其他语言特性的交互方式等方面都存在明显的差异。理解这些差异有助于更好地在Web开发中分别运用它们来实现预期的页面效果和功能逻辑。
|
2月前
|
前端开发 JavaScript UED
如何使用 JavaScript 动态修改 CSS 变量的值?
【10月更文挑战第28天】使用JavaScript动态修改CSS变量的值可以为页面带来更丰富的交互效果和动态样式变化,根据不同的应用场景和需求,可以选择合适的方法来实现CSS变量的动态修改,从而提高页面的灵活性和用户体验。
|
4月前
|
存储 前端开发 JavaScript
前端基础(二)_JavaScript变量、JavaScript标识符、JavaScript获取元素、JavaScript的鼠标事件
本文介绍了JavaScript变量的声明和使用、标识符的命名规则、如何获取和操作HTML元素,以及JavaScript的鼠标事件处理,通过示例代码展示了这些基础知识点在实际开发中的应用。
53 2
前端基础(二)_JavaScript变量、JavaScript标识符、JavaScript获取元素、JavaScript的鼠标事件
|
3月前
|
JavaScript 前端开发
局部 JavaScript 变量
JavaScript 中,函数内部使用 `var` 声明的变量为局部变量,仅在函数内可见,函数执行完毕后被删除。全局变量则在函数外部声明,整个页面的脚本和函数均可访问,页面关闭后才被删除。未声明的变量赋值会自动成为 `window` 对象的属性,且在非严格模式下可被删除。
|
4月前
|
JavaScript 前端开发
js 变量作用域与解构赋值| 22
js 变量作用域与解构赋值| 22
|
3月前
|
JavaScript 前端开发
什么是JavaScript变量?
什么是JavaScript变量?
44 0
|
4月前
|
存储 JavaScript 前端开发