ES6学习-1 (let)

来源:互联网 发布:java四种访问修饰符 编辑:程序博客网 时间:2024/05/22 07:05
  • 基本语法
    ES6新增了let命令,用来声明变量。它的用法类似于var,与var最大的区别是在使用的时候只在自己的代码块中起效。
{  let a = 10;  var b = 1;}a // ReferenceError: a is not defined.b // 1

上面的代码对比得出,在相应的代码块中,let才会有值,反之var不会如此,ES5只有全局作用域和函数作用域,所以在此处的大括号就相当于是全局作用域,能够取到值。

let在一个大括号定义就只能在这个域中使用,这样的定义就适合在for循环中使用

var aa=[];for(var i=0;i<6;i++){   aa[i] = function(){   console.log(i);}}aa[4](); // 6
var aa=[];for(let i=0;i<6;i++){   aa[i] = function(){   console.log(i);}}aa[4]();// 4

这里就能对比出来var 和let区别,很有用。
在for循环中let还有区别for(父区域){子区域}

for(let i = 0;i<3;i++){let i = 'abc';console.log(i);} abc abc abc

for循环中父区域和子区域中定义是相对独立的

  • 不存在变量提升
    在之前的js版本中,如果变量在定义之前使用,会出现undefined形式,但是如果使用let就会直接报错
console.log(a);var a = 10;  //undefinedconsole.log(s);let s=20;  //出错
  • 暂时性死区
    在一个代码快中使用let就会把变量绑定在该区域中
var tmp = 123;if (true) {  tmp = 'abc'; // 报错  let tmp;}

上面的if代码块中使用了let定义,虽然在外部定义了tmp,但是在if代码内部使用了let,该变量就会绑定在代码块中,先赋值后定义就会报错。

  • 不允许重复定义
    let不允许在相同作用域内,重复声明同一个变量。
// 报错function () {  let a = 10;  var a = 1;}// 报错function () {  let a = 10;  let a = 1;}

因此,不能在函数内部重新声明参数。

function func(arg) {  let arg; // 报错}function func(arg) {  {    let arg; // 不报错  }}
0 0
原创粉丝点击