前言:
不管现在有多么艰辛,我们也要做个生活的舞者
--------------------------------正文---------------------------------
'use strict' (严格,但是不兼容IE低版本)
ES6 (也叫 ES.next 或 ES2015)
1. 声明变量 (let 声明)
let 变量名 = 变量值;
{ } 块级作用域
声明常量 const URL(建议用大写) = ' ';
一经声明,不能修改
2. 字符串拼接(` 反引号)
用法:` 字符串 `
eg: var json = {"name":"eric","age":16};
(加反引号的)var str = `我叫"${json.name}",今年"${json.age}"岁!`;
(不加反引号的)var str = '我叫"'+json.name+'",今年"'+json.age+'"岁!';
3. 扩展运算符
var arr = [1,2,3];
var arr2 = [...arr];
eg: var arr = [1,2,3];
var arr2 = [...arr];
arr.push(5);
document.write(arr+'<br />'); // 输出(1,2,3,5)
document.write(arr2+'<br />'); // 输出(1,2,3)
4. 解构赋值
eg: var [a,b] = [12,5];
document.write(a+b); // 输出(17)
var {a,b} = {a:12};
alert(b); // 输出(underfind)
function show(a=0,b=0){
alert(a+b);
}
show(12,5); // 有值就输出值,没值时a=0,b=0;
5. 箭头函数
eg: function show(a,b){
return a+b;
}
show=(a,b)=>a+b;
function show(a,b){
alert(a+b);
}
show=(a,b)=>{
alert(a+b);
}
function show(){
alert(12);
}
show=()=>{
alert(12);
}
function(){
alert(12);
}
()=>{
alert(12);
}
箭头函数里的 this 指向上一层。如果没有就是 window
eg: document.onclick = ()=>{
alert(this);
} // 输出 window
document.onclick = function(){
var json = {
show:()=>{
alert(this);
}
};
json.show();
}; // 输出 HTMLDocument