前言:
不管現(xiàn)在有多么艱辛豪筝,我們也要做個生活的舞者
--------------------------------正文---------------------------------
'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