您现在的位置:首页 >> 前端 >> 内容

es6—基本语法

时间:2017/2/17 9:24:02 点击:

  核心提示:1.let、const命令1.1暂时性死区 ES6规定暂时性死区和let、const语句不出现变量提升,主要是为了减少运行时错误,防止在变量声明前就使用这个变量,从而导致意料之外的行为。这样的错误在 ...

1.let、const命令

1.1暂时性死区

ES6规定暂时性死区和let、const语句不出现变量提升,主要是为了减少运行时错误,防止在变量声明前就使用这个变量,从而导致意料之外的行为。这样的错误在 ES5 是很常见的,现在有了这种规定,避免此类错误就很容易了。

总之,暂时性死区的本质就是,只要一进入当前作用域,所要使用的变量就已经存在了,但是不可获取,只有等到声明变量的那一行代码出现,才可以获取和使用该变量。

1.2块级作用域

(1)作用

let命令实际为js新增了块级作用域
块级作用域的出现,实际上使得获得广泛应用的立即执行函数表达式(IIFE)不再必要了。

// IIFE 写法
(function () {
  var tmp = ...;
  ...
}());

// 块级作用域写法
{
  let tmp = ...;
  ...
}

(2)注意

es6语法允许在块级作用域内声明函数,但是因为在浏览器并没有严格执行此规定,可能会产生非预期结果,所以应尽量避免在块级作用域内声明函数;
如果实在需要写,也应该写成函数表达式而不是函数声明语句

// 函数声明语句
{
  let a = 'secret';

  //在es6的浏览器中,此声明相当于var f= function(){...},var f会被提升到全局作用域或函数作用域的头部。同时,还会提升到所在的块级作用域的头部。
  function f() {
    return a;
  }
}

// 函数表达式
{
  let a = 'secret';
  //不会引起变量提升了
  let f = function () {
    return a;
  };
}

//本文是学习阮一峰的es6的入门书籍所做学习笔记

Tags:ES S6 6— —基 
作者:网络 来源:baozhuona的