ES6的新特性

ES6是javascript的下一代標準，雖然目前不是因此的瀏覽器都兼容ES6，但如今愈來愈多的程序員開始使用ES6了。

let只對塊級有做用域。

{
  var b=1;
  alert(b) //1
} 
  alert(b) //1

{
  let b=1;
  alert(b) //1
}
  alert(b)//報錯

 

const用來聲明常量，一旦聲明值就不會改變，不然會報錯。

const a=1;
a=2;
alert(a)//報錯

 

map-for-of   新增的new Map()

var map=new Map();

console.log(map);                //Map {} 數組

map.set('a','apple');

map.set('b','banana');           //Map {"a" => "apple", "b" => "banana"}  set添加

//map.delete('a');                //刪除a項

console.log(map.size);        //2 Map 的長度

console.log(map.get('b'));  //獲得b項

for(let name of map){        //數組格式    ["a", "apple"] ["b", "banana"]

    console.log(name);
}

//模式匹配
var [a=12,[b,c],d]=[a,[2,3],4];   //默認值
console.log(a,b,c,d);

 

var str='to';
console.log(`welcome ${str} china`) //字符串模板

//includes()是否包含，返回true/false;區分大小寫
let str1='JYEDU';
console.log(str1.includes('ED'));//檢測字符串中是否包含

//startsWith()開頭是否包含，返回true/false;區分大小寫
console.log(str1.startsWith('J'));

//endsWith()結尾是否包含，返回true/false;區分大小寫
console.log(str1.endsWith('U'));//false;

//repeat()重複賦值
var str2='asd';
var str3=str2.repeat(3);
console.log(str3);

//arr新的方法
var arr1=[1,2,3,];
arr1.pop();//把最後面的刪掉;
var arr2=Array.from(arr1);
console.log(arr2);

var arr2=[...arr1];
console.log(arr2);

Symbol新增數據類型

var Os=new Symbol();
console.log(typeof Os)

= >  箭頭函數

var oDiv=document.getElementById('div');   oDiv.onclick= () =>{       oDiv.style.background="red"    //這裏的oDiv再也不是this，是相對document裏的oDiv   } }