1.let命令总结

1.let用法类似于var,但是let只在所在代码块有效

{
   let a = 10;
   var b = 1;
}

a     // ReferenceError: a is not defined.
b     // 1

2.let适用于for循环

for (let i = 0; i < 10; i++) {
   //...
}

console.log(i)  //ReferenceError: i is not defined

3.let 与 var 的区别

//***** let*****
var a = []
// 每一次循环,i都是新的变量,只在本轮循环有效
for (let i = 0; i < 10; i++) {
   a[i] = function () {
      console.log(i)
   }
}
a[6]();   //  6



//*****var*****
var a = []
// 变量i是var声明的,全局有效,每一次循环,i都会发生变化,里面所有的i都指向同一个i
for (var i = 0; i < 10; i++) {  
   a[i] = function () {
      console.log(i)
   }
}
a[6]();   //  10

那么问题来了,使用let声明的i,在for循环条件中,每一次循环都是新的i,那么i如何记住上一次循环的值,来进行++,再到下一轮循环呢?答案是因为JavaScript引擎内部会记住上一轮循环的值,初始化本轮的变量i时,就在上一轮循环的基础上进行计算。

4.for循环的父子作用域

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

// abc
// abc
// abc

可以看出循环变量i与函数内部变量i不在同一作用域

5.“变量提升”概念

意思就是,一直以来var命令都会发生‘变量提升’的现象,意思就是变量可以在声明之前使用,输出的是“undefined”

6.let纠正了var的尴尬之处

// var 尴尬的地方,使用未声明的变量,竟然不报错
console.log(foo);  //输出undefined
var foo = 2;

// let纠正了var 的这一现象,使用未声明的变量,报错
console.log(bar);  //输出ReferenceError
let bar = 2;

7.暂时性死区 (TDZ)

意思是,只要块级作用域{}存在let,用它来声明的变量,就不会受外部影响

var tmp = 123;

if (true) {
   tmp = 'abc';   //ReferenceError
   let tmp;// TDZ结束
   console.log(tmp)  // undefined
}

首先在{}中,存在let声明的tmp,那么tmp不受{}以外的变量影响,又因为在if里面的第一句使用到了tmp,这个东西又没有声明,看到总结的第5点就知道,它会报错。

所以,在let命令声明变量tmp之前,都属于变量tmp的死区!!

8.对死区使用 typeof 操作符

typeof x; // ReferenceError
let x;

// 然而,对一个不存在的变量使用typeof,却不报错
type of  undeclared_var  // "undefined"

所以,在没有let之前,typeof运算符是百分之百安全的,永远不会报错

9.let不允许重复再相同作用域内,重复声明同一个变量

// 报错
function func () {
   let a = 10;
   var a = 1;
}

// 报错
function func () {
   let a = 10;
   let a = 1;
}

// 报错
function func (arg) {
   let arg;
}

// 不报错
function func (arg) {
   {
       let arg;
   }
}

  

 10. 使用let代替立即执行匿名函数

// 一般立即执行匿名函数是这样的
var config = (function() {
   var config = []
   config.push(1) 
   config.push(2) 
   config.push(3) 
   return config
})

// 使用let
let config;
{
   config = []
   config.push(1)
   config.push(2)
   config.push(3)
}

  

 11.es6函数不被提升

一般使用‘use strict’开头,即严格模式,就是ES6

'use strict'
function a () {
   console.log(1)
}
function f () {
   a()
   if (false) {
      function a () {
         console.log(2)
     }
   }
}

f(); // 输出1

 假如去掉严格模式语句,也就是老版本ES5状态下,是会输出2的,原因就是发生了函数的变量提升,即

function a () {
   console.log(1)
}
function f () {
   function a () {       // function a() 被提升到最前面了,即使if语句不执行
         console.log(2)
   }
   a()
   if (false) {
      function a () {
         console.log(2)
     }
   }
}

f();

// 输出2

 12. const使用,物理内存地址不可更改

例如:

const a = {
   name = 'guang'
};
a.name = 'lighter';
a.email = '123456789@qq.com'
console.log(a);

// 输出为: { name : 'lighter', email : '123456789@qq.com' }

 上面代码不会报错,这是为什么呢?因为这个const为复合型变量,变量名不知想数据,而是指向数据所在的地址。const命令知识保证变量名指向的地址不变,而不保证该地址的数据不变,所以将一个对象生命为常量必须非常小心

 const的使用可以参照:http://www.cnblogs.com/zczhangcui/p/6393304.html

 对于const常量,例如:const a = 13,因为13这个物理位置是不可变的,所有不能更改a指向的地址。

 假如想测定不让修改const 对象,不管它是否复合型变量,都不允许更改

Object.freeze(a);
a.name = '  '       //报错
console.log(s)

 

------完------

不安逸,不浮躁,牛B就是一个学习累积的过程
原文地址:https://www.cnblogs.com/pengshengguang/p/7665978.html