一、let 和 var
let:1 只在代码块生效
2 存在暂时性死区:在代码块内,使用let命令声明变量之前,该变量都是不可用的。这在语法上,称为“暂时性死 区”(temporal dead zone,简称 TDZ)
3 不存在变量提升
4 不允许重复声明 :不允许在相同作用域内,重复声明同一个变量
var:1 全局作用域。
2 内层变量覆盖外层变量,可能引起“循环变量泄露为全局变量”。
3 var命令会发生”变量提升“现象,即变量可以在声明之前使用,值为undefined
二、块级作用域与函数声明
ES5 规定,函数只能在顶层作用域和函数作用域之中声明,不能在块级作用域声明,但浏览器为了兼容旧的代码,未必遵守这一规定。
考虑到环境导致的行为差异太大,应该避免在块级作用域内声明函数。如果确实需要,也应该写成函数表达式,而不是函数声明语句
三、const
const声明一个只读的常量。一旦声明,常量的值就不能改变,只在声明所在的块级作用域内有效。
const实际上保证的,并不是变量的值不得改动,而是变量指向的那个内存地址不得改动。对于简单类型的数据(数值、字符串、布尔值),值就保存在变量指向的那个内存地址,因此等同于常量。但对于复合类型的数据(主要是对象和数组),变量指向的内存地址,保存的只是一个指针,const只能保证这个指针是固定的,至于它指向的数据结构是不是可变的,就完全不能控制了。因此,将一个对象声明为常量必须非常小心
四、箭头函数( => )
1、箭头函数的格式
1):一种为只有一条语句,可以省略{}和return。
x => x * x;
相当于:
function(x) {
returnx *x;
}
2):一种为多条语句,不可以省略{}和return。
x =>{if(x > 0) {return1;
}return2;
}
相当于:
function(x){if(x > 0) {return1;}return2;
}
注意:
a.当无参数时或有多个参数时,需要用括号()括起来。
(x, y)=> x + y;
b.当省略{}和return时,返回了一个对象,对象要用括号()括起来。
x=> ({color:"red"});
2、箭头函数的this
1)箭头函数没有自己的 this,其内部的 this 绑定到它的外围作用域。对象内部的箭头函数若有this,则指向对象的外围作用域。
2)箭头函数无法使用 call()或 apply()来改变其运行的作用域。
window.color = "red";
let color= "green";
let obj={
color:"blue"
};
let sayColor= () =>{
returnthis.color;
};
sayColor.apply(obj);//red
五、Promise
Promise 是异步编程的一种解决方案,具有链式结构特点。Fetch网络请求既是基于Promise对象。Promise对象的学习,理解大白话讲Promise(一)、大白话讲Promise(二)这两篇博客即可。
网友评论