js的变量命名方式

本文详细讲解了ES6中新增的let和const关键字,比较它们与var的不同,包括块级作用域、变量提升、常量性质和使用注意事项。通过实例说明了let在块级作用域中的优势,并介绍了const用于声明常量的特点,如不可修改和块级作用域的特性。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

变量命名有三种

  1. ver
  2. const
  3. let

ES6 — 新增关键字let、const

ECMAScript 是什么?
首先,我们都知道JavaScript由三部分组成:ECMAScript,DOM,BOM;
其中的ECMAScript是Javascript的语法规范。
ECMAScript定义了很多东西,如:
语法-----解析规则,关键字,语句,声明,操作等
类型-----布尔型,数字,字符串,对象等
原型和继承
内置对象,函数的标准库----------JSON, Math, 数组方法,对象方法等
(1)ES6中新增的let关键字
之前我们声明一个变量时,都是使用关键字var,那新增加的let和var有什么不同呢?

在es6中新增的变量命名的方法比之前的变量命名方法更加严格、也修改了一些var变量命名的一些弊端
var的不足之处一:

var arr=[];
for (var i=0;i<10;i++){
     arr[i]=function(){
         console.log(i); 
     };
} 
arr[8] ();   // console.log(i);  的结果为 10 

同样的换成 let之后就没问题:

var arr=[];
for (let i=0;i<10;i++){
     arr[i]=function(){
         console.log(i); 
     };
} 
arr[8]();   // console.log(i);  的结果为 8

这是由于,本来的js是没有块级作用域的,用var定义i时,虽然在for循环中定义,但在执行时,依然会被提升。当执行arr8时,循环已经完成,这时的i=10;所以再去执行 arr8时,console.log(i),i=10;

而是用let定义i,i就只能存在与for循环的块级作用域,不会被提升。
(块,只的是 一组{}之间的部分。)

var的不足之处二:
也就是变量提升。var 会被提升定义;let不会。

var a=1;
(function(){
     alert(a);
     var a=2;
})();   //undefined 表示只声明,为赋值;

同样的换做let之后:

var a=1;
(function(){
     alert(a);
     let a=2;
})();   //报错: Uncaught ReferenceError: a is not defined(…) 

这是因为,用let定义后,变量a的定义不会被提升。且在块级作用域内封闭,不会受到外界a的影响。在使用a(alert(a))时,a尚未定义,所以报错。因此,在使用let时,一定注意,变量要先声明后使用。

使用let时注意:
注意一: 在同一块级作用域下,不能重复声明同一个变量。

{
     var a=1;
     let a=2;
}   //报错
{
     let a=1;
     let a=2;
}  //报错
 

注意二:在函数内,不能用let重新声明函数的参数。

function say(word){
     let word='hello';
     alert(word);
}
say('hi');  //报错

(2)ES6中新增的const关键字
const是常量(contsant)的缩写,与let相比,const专门用来声明一个常量。
特点:
不可修改

     const name='a';
     name='b';   //报错

块级作用域

     if(1){
          const name='a';
     }
     alert(name);  //报错

不存在变量提升,必须先声明后使用

     if(1){
    alert(name);  //报错
          const name='a';
     }  

不可重复声明同一个变量

     var name='a';
     const name='b';  //报错

声明后必须赋值

     const name;   //报错

注意:当常量为一个对象时:

  const Person={'name':'a'};
  Person.name='b';
  Person.age='13';
  console.log(Person)  // {'name':b,'age':'13'};  输出正常。

这是由于const声明了一个引用类型的常量,使用的是传址赋值。也就是不修改地址,只修改地址中的值。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值