1. 程式人生 > >ES6的新特性———【介紹】

ES6的新特性———【介紹】

del 得到 重復 檢測字符串 china 包含 span 現在 使用

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