首页 > web前端 > js教程 > 正文

JavaScript中用let语句声明作用域(图文教程)

亚连
发布: 2018-05-21 13:40:50
原创
1352 人浏览过

首先要注意let是ES6中的东西,起码是IE10之前的IE浏览器兼容要千万当心!嗯...然后我们来看JavaScript中用let语句声明作用域的用法讲解

语法

let variable1 = value1
登录后复制

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

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

示例:

var l = 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 = new Array();
登录后复制

块级作用域

for(var i = 0; i < 10; i++){}
console.log(i); //10

for(let j = 0; j < 10; j++){}
console.log(j); //"ReferenceError: j is not defined
登录后复制

不存在变量提升

console.log(a); // 输出undefined
console.log(b); // 报错ReferenceError
console.log(c); // 报错ReferenceError
var a = 2;
let b = 2;
登录后复制

注意区别undefined和ReferenceError

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

typeof x; // ReferenceError
typeof y // undefined
let x;
登录后复制

不允许重复声明

let x = 1;
let x; // "SyntaxError: Identifier &#39;x&#39; has already been declared

var y = 2;
var y = 3; // y = 3
登录后复制

块级作用域

// 匿名函数写法
(function () {
 var tmp = ...;
 ...
}());

// 块级作用域写法
{
 let tmp = ...;
 ...
}
登录后复制

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

// ES5
&#39;use strict&#39;;
if (true) {
 function f() {} // 报错
}
登录后复制

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

// 报错
&#39;use strict&#39;;
if (true)
 function f() {}
登录后复制

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

"use strict";
var a = 1;
console.log(window.a) // 1

let b = 1;
console.log(window.b) // undefined
登录后复制

上面是我整理给大家的,希望今后会对大家有帮助。

相关文章:

javascript Function函数深入理解与实战(附上代码)

JavaScript基础心法(图文教程,详细为你解答)

有关JavaScript模块详细解答

以上是JavaScript中用let语句声明作用域(图文教程)的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!