ECMAScript 6 新特性-set。const

Posted 2020-09-27

 一、let命令是es6新增的特性，作用与var命令类似，声明变量，不同之处在于声明的变量的作用域为块级作用域。引入let后带来了很多新的特性。

    1作用域，es5之前之后函数作用域和全局作用域，let的引入带来了块级作用域，块级作用于会带来很多新的改变。

     2一个需要了解的是“暂时性死区”，比如在全局变量tmp，但是块级作用域内let又声明了一个局部变量tmp，导致后者绑定这个块级作用域，所以在let声明变量前，对tmp赋值会报错。

     3ES5 规定，函数只能在顶层作用域和函数作用域之中声明，“{}”内声明。ES6 引入了块级作用域，明确允许在块级作用域之中声明函数。但是块级作用域内声明的函数类似于let，对作用域之外没有影响。考虑到兼容性问题，此规则浏览器不一定遵守。

二、const命令声明一个常量，必须在声明的同时赋值，之后不能再改变其值。声明的变量同let认同块级作用域，不能提升，也存在暂时性死区，不可重复声明。const实质上并不是保证声明的量不改变，只能保证他的指向的地址不能改变。当只想数组、对象时，可以对指向的数组、对象进行赋值操作。

三、顶层对象属性，顶层对象在浏览器中指的是window。顶层对象与var声明的全局变量挂钩，对的声明的变量a进行赋值，等同于对window.a进行赋值。let、const、class、import声明的变量能够成功避免这一个现象。

     很难找到一种方法，可以在所有情况下，都取到顶层对象。下面是两种勉强可以使用的方法。

// 方法一
(typeof window !== ‘undefined‘
   ? window
   : (typeof process === ‘object‘ &&
      typeof require === ‘function‘ &&
      typeof global === ‘object‘)
     ? global
     : this);

// 方法二
var getGlobal = function () {
  if (typeof self !== ‘undefined‘) { return self; }
  if (typeof window !== ‘undefined‘) { return window; }
  if (typeof global !== ‘undefined‘) { return global; }
  throw new Error(‘unable to locate global object‘);
};