你可能不知道的let与const
let
-
var声明的变量会发生变量提升,在var声明之前调用该变量会数处undefined,但是let声明的变量不会发生提升,在声明之前调用就会报错
// var 的情况 console.log(foo); // 输出undefined var foo = 2; // let 的情况 console.log(bar); // 报错ReferenceError let bar = 2;
-
let不允许在相同的作用域内声明相同的变量否则会报错
// 报错 function func() { let a = 10; var a = 1; }
-
块级作用于有以下两个用处
内层变量覆盖外层变量var tmp = new Date(); function f() { console.log(tmp); if (false) { var tmp = 'hello world'; // 这里会发生变量提升 } } f(); // undefined
用来计数的循环变量泄露为全局变量
var s = 'hello'; for (var i = 0; i < s.length; i++) { console.log(s[i]); } console.log(i); // 5
函数声明与变量声明的潜规则
- 允许在块级作用域内声明函数(es6规定的在严格模式下只有在{}内部才可以声明函数)
- 函数声明类似于var,即会提升到全局作用域或函数作用域的头部。
-
同时,函数声明还会提升到所在的块级作用域的头部,优先于变量的声明
funtion fun(){}; var fun; // 这里不管先声明谁fun输出的永远都是函数 fun //f fun(){}
const
-
const声明的常量声明就必须初始化也就是必须赋值,否则就会报错(若是定义引用类型数据则可以改变并不会报错)
const obj = {a:{b:2}} a.b=3 obj // {a:{b:3}}
- 同let声明的变量一样,const不能重复声明同一变量,同时const也是块级作用域
小结与扩展
- const保证的实际上并不是变量的值不可改变,而是指变量存放的地址不可改变,对于简单的数据类型(数字,字符串,boolean)值就保存在变量指向的那个地址(栈区),所以是不可改变的。
- 但是对于复杂类型的数据(数组、对象),保存的是一个指针,真正的数据是存储在堆区,只能保证这个指针不会变化,不能保证里面的数据不发生变化
- es6的变量声明方式:var function let const import export
- 在es5中声明的全局变量是和顶层对象的属性对等的
-
获取全局对象的方法
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'); };
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。