JavaScript的变量及变量的提升

简介: JavaScript的变量及变量的提升一.JavaScript变量的命名规范 变量名必须以字母,$ 或 _开头 驼峰命名 aName 不可以用纯数字命名 js对大小写敏感 不可以使用关键字命名 var let const delete break for if二.JavaScript的变量变量:字面意思,变化的量。变量的使用分为声明和赋值两个步骤。 // 1.变量的声明 var 关键字 var x;//x是变量名 x是用来储存变量值的 // 2.变量的赋值 = x=10;//10是x变量的值

JavaScript的变量及变量的提升




一.JavaScript变量的命名规范


  1.变量名必须以字母,$ 或 _开头


  2.驼峰命名 aName


  3. 不可以用纯数字命名


  4.js对大小写敏感


  5.不可以使用关键字命名 var let const delete break for if


二.JavaScript的变量


变量:字面意思,变化的量。

变量的使用分为声明和赋值两个步骤。

 

// 1.变量的声明   var 关键字varx;//x是变量名   x是用来储存变量值的// 2.变量的赋值  =  x=10;//10是x变量的值console.log(x);
x='20';
console.log(x);
x="何佳";
X="何佳2号";
console.log(x,X);
//声明多个变量vara,b,c;
// a=10;// b=20;// c=30;a=10,b=20,c=30;
console.log(a,b,c);

同时声明变量及赋值 初始化

// 声明变量的同时进行赋值varname="zgc";
console.log(name);
varage=20,sex="男";
console.log("年龄:"+age,'性别:'+sex);

三.JavaScript的常量


常量:不变的量 使用关键字 const 声明


constnum=100;
console.log(num);
num=200;
console.log(num);//Uncaught TypeError: Assignment to constant variable.


四.ES6新增的使用let声明变量


ES6 新增了let命令,用来声明变量。它的用法类似于var,但是所声明的变量,只在let命令所在的代码块内有效。


    {
leta=10;
varb=1;
    }
a// ReferenceError: a is not defined.b// 1

五.变量的提升


   JavaScript 中,函数及变量的声明都将被提升到函数的最顶部。


   JavaScript 中,变量可以在使用后声明,也就是变量可以先使用再声明。



//先使用,后声明x=10;
console.log(x);
varx;
//先声明,后使用varz;
z=10;
console.log(z);
// 以上两种代码都可以获取到变量x//变量的作用域functionfunc(){
vary=10;
console.log(y);
    }
func();
// console.log(y);setInterval(function(){
x=x+1;
    },1000)
// 当变量进行了初始化时,变量将不会被提升console.log(y);
vary=20;//undefined


讲解视频链接接:
1.https://www.bilibili.com/video/BV1tf4y1U78x/
2.https://www.bilibili.com/video/BV1Xa4y1i7U1/

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