ICode9

精准搜索请尝试: 精确搜索
首页 > 编程语言> 文章详细

JavaScript学习笔记(十七)——let与const

2022-06-18 17:34:21  阅读:114  来源: 互联网

标签:const 变量 JavaScript let var console 声明


let与const

ES6新增加了两个重要的 JavaScript 关键字: letconst

  • let 声明的变量只在 let 命令所在的代码块内有效(块级作用域、局部作用),ES6 推荐在函数中使用 let 定义变量,而非 var。

  • const 声明一个只读的常量,一旦声明,常量的值就不能改变。

1、let命令

特点如下:

下面将它与es5中var进行对比来记忆它的特点。

  • 代码块内有效

    es5中代码块没有作用域

{
    let a = 0;
    var b = 1;
    
}
console.log(b); // 1
console.log(a); // ReferenceError: a is not defined

结果:

image-20220618171341240

  • 不能重复声明

var a = 1;
var a = 2;
console.log(a);  // 2
​
let b = 3;
let b = 4;
console.log(b);  

报错:

image-20220618171235413

根据上面两条特点我们可以知道:for循环计数器很适合用let

for (var i = 0; i < 10; i++) {
  setTimeout(function(){
    console.log(i);
  })
}
// 输出十个 10
​
for (let j = 0; j < 10; j++) {
  setTimeout(function(){
    console.log(j);
  })
}
// 输出 0~9
  1. 变量 i 是用 var 声明的,在全局范围内有效,所以全局中只有一个变量 i, 每次循环时,setTimeout 定时器里面的 i 指的是全局变量 i ,而循环里的十个 setTimeout 是在循环结束后才执行,所以此时的 i 都是 10。

  2. 变量 j 是用 let 声明的,当前的 j 只在本轮循环中有效,每次循环的 j 其实都是一个新的变量,所以 setTimeout 定时器里面的 j 其实是不同的变量,即最后输出0~9。

  3. 若每次循环的变量 j 都是重新声明的,如何知道前一个循环的值?这是因为 JavaScript 引擎内部会记住前一个循环的值。

  • 不存在变量提升

console.log(a);  //undefined
var a = "banana";
​
console.log(b);  //ReferenceError: b is not defined
let b = "apple";

变量 a 用 var 声明存在变量提升,所以当脚本开始运行的时候,a 已经存在了,但是还没有赋值,所以会输出 undefined。

变量 b 用 let 声明不存在变量提升,在声明变量 b 之前,b 不存在,所以会报错。

2、const命令

const 声明一个只读变量,声明之后不允许改变。也就意味着,一旦声明必须初始化,否则会报错。

  • 初始化赋值

// 错误写法
const PI;
PI = 3.14159265359;
​
// 正确写法
const PI = 3.14159265359;  
  • 暂时性死区

var PI = "a";
if(true){
  console.log(PI);  // ReferenceError: PI is not defined
  const PI = "3.1415926";
}

ES6 明确规定,代码块内如果存在 let 或者 const,代码块会对这些命令声明的变量从块的开始就形成一个封闭作用域。代码块内,在声明变量 PI 之前使用它会报错。

  • 并非真正的常量

    const 的本质: const 定义的变量并非常量,并非不可变,它定义了一个常量引用一个值。使用 const 定义的对象或者数组,其实是可变的。下面的代码并不会报错:

    // 创建常量对象
    const car = {type:"Fiat", model:"500", color:"white"};
     
    // 修改属性:
    car.color = "red";
     
    // 添加属性
    car.owner = "Johnson";

     

3、总结

  • let 和const 关键词声明的变量不具备变量提升特性

  • let与const都是只在声明所在的块级作用域内有效。

  • 当使用常量 const 声明时,请使用大写变量,如:CAPITAL_CASING,用的少,一般就是单词命名

  • const声明的变量不得改变值,这意味着,const一旦声明变量,就必须立即初始化,不能留到以后赋值。

  • 对于复合类型的变量,如数组和对象,变量名不指向数据,而是指向数据所在的地址。const命令只是保证变量名指向的地址不变,并不保证该地址的数据不变,所以将一个对象声明为常量必须非常小心。

标签:const,变量,JavaScript,let,var,console,声明
来源: https://www.cnblogs.com/xiaohuliya/p/16388835.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有