let和const命令

1.let命令

类似于var,但只在所在代码内有效

不存在变量提升

变量提升:变量在声明之前就可以使用,值为undefined
let变量一定要在声明后才能使用

暂时性死区

如果区块中存在let和const命令,这个区块对这些命令声明的变量,从一开始就形成了封闭作用域。凡是在声明之前就使用这些变量,就会报错。

不允许重复声明

let不允许在相同作用域内,重复声明同一个变量。

2.块级作用域

ES6允许会计作用域的任意嵌套,外层作用域无法读取内层作用域的变量

块级作用域与函数声明

ES6允许在块级作用域中声明函数(使用大括号时成立)
函数声明类似于var,即会提升到全局作用域或函数作用域的头部。
同时,函数声明还会提升到所在的块级作用域的头部 。
以上规则只对ES6的浏览器时有效

do表达式

为了使块级作用域有一返回值

let x = do {
  let t = f();
  t * t + 1;
};

const命令

const一旦声明变量,必须立即初始化 只在块级作用域内有效
命令声明的常量也是不提升
同样存在暂时性死区
只能在声明的位置后面使用
不可重复声明

本质

const保证的是变量的内存地址不变
但对于复合类型的数据,变量保存的是指针,所以不变的是指针,数据本身可变

冻结对象

使用Object.freeze方法,但还应该将属性冻结

var constantize = (obj) => {
  Object.freeze(obj);
  Object.keys(obj).forEach( (key, i) => {
    if ( typeof obj[key] === 'object' ) {
      constantize( obj[key] );
    }
  });
};

4.顶层对象的属性

顶层对象,在浏览器环境指的是window对象,在 Node 指的是global对象。ES5之中,顶层对象的属性与全局变量是等价的

ES6:var命令和function命令声明的全局变量,依旧是顶层对象的属性;另一方面规定,let命令、const命令、class命令声明的全局变量,不属于顶层对象的属性。

5.global对象

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

// 方法一
(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');
};
posted @ 2017-11-30 16:56  胖胖的小王  阅读(118)  评论(0编辑  收藏  举报