首页 > 网站 > WEB开发 > 正文

JavaScript中用let语句声明作用域的用法讲解

2024-04-27 15:04:51
字体:
来源:转载
供稿:网友

语法

?
1let variable1 = value1

参数variable1要声明的变量的名称。value1赋给变量的初始值。

备注使用 let 语句声明一个变量,该变量的范围限于声明它的块中。  可以在声明变量时为变量赋值,也可以稍后在脚本中给变量赋值。  使用 let 声明的变量,在声明前无法使用,否则将会导致错误。如果未在 let 语句中初始化您的变量,则将自动为其分配 javaScript 值 undefined。

示例:

?
123456789101112varl = 10;{  let l = 2;  // At this point, l = 2.}// At this point, l = 10. // Additional ways to declare a variable using let.let index;let name = "Thomas Jefferson";let answer = 42, counter, numpages = 10;let myarray = newArray();

块级作用域

?
12345for(vari = 0; i < 10; i++){}console.log(i);//10 for(let j = 0; j < 10; j++){}console.log(j);//"ReferenceError: j is not defined

不存在变量提升

?
12345console.log(a);// 输出undefinedconsole.log(b);// 报错ReferenceErrorconsole.log(c);// 报错ReferenceErrorvara = 2;let b = 2;

注意区别undefined和ReferenceError

暂时性死区(TDZ)只要进入当前块级作用域,所使用的变量已经存在了,但在声明之前都属于死区,不可进行操作。注意: typeof不再是100%安全的操作

?
123typeofx; // ReferenceErrortypeofy // undefinedlet x;

不允许重复声明

?
12345let x = 1;let x; // "SyntaxError: Identifier 'x' has already been declared vary = 2;vary = 3; // y = 3

块级作用域

?
1234567891011// 匿名函数写法(function() { vartmp = ...; ...}()); // 块级作用域写法{ let tmp = ...; ...}

ES5的严格模式规定,函数只能在顶层作用域和函数内声明,其他情况(比如if代码块、循环代码块)的声明都会报错。

?
12345// ES5'use strict';if(true) { functionf() {} // 报错}

ES6由于引入了块级作用域,这种情况可以理解成函数在块级作用域内声明,因此不报错,但是构成区块的大括号不能少

?
1234// 报错'use strict';if(true) functionf() {}

声明的全局变量不再是window的属性

?
123456"use strict";vara = 1;console.log(window.a)// 1 let b = 1;console.log(window.b)// undefined

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表