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
}
}
ES6的新特性———【介紹】