ES6( ECMAScript 6.0)語法

一、let/const與var的區(qū)別

var 會進行預(yù)解析，let/const不會
var可以聲明兩個重名的變量，let/const不能
var沒有塊級作用域，let/const有塊級作用域

成都創(chuàng)新互聯(lián)服務(wù)項目包括揭西網(wǎng)站建設(shè)、揭西網(wǎng)站制作、揭西網(wǎng)頁制作以及揭西網(wǎng)絡(luò)營銷策劃等。多年來，我們專注于互聯(lián)網(wǎng)行業(yè)，利用自身積累的技術(shù)優(yōu)勢、行業(yè)經(jīng)驗、深度合作伙伴關(guān)系等，向廣大中小型企業(yè)、政府機構(gòu)等提供互聯(lián)網(wǎng)行業(yè)的解決方案，揭西網(wǎng)站推廣取得了明顯的社會效益與經(jīng)濟效益。目前，我們服務(wù)的客戶以成都為中心已經(jīng)輻射到揭西省份的部分城市，未來相信會繼續(xù)擴大服務(wù)區(qū)域并繼續(xù)獲得客戶的支持與信任！

二、箭頭函數(shù)

1.普通函數(shù)

//xxx.onclick=function(a=10,b=20){ }  可以為函數(shù)設(shè)置默認(rèn)值，沒傳參數(shù)就用默認(rèn)值

xxx.onclick=function(){ }
var xxx={fn:function(){} }
xxx.forEach(function(){})
setTimeout(function(){})
var xxx=function(){}

2.箭頭函數(shù)

格式：把普通函數(shù)的function去掉，再在小括號后面加上j箭頭符號（=>）

xxx.onclick=()=>{ }
var xxx={fn:()=>{} }
xxx.forEach(()=>{})
setTimeout(()=>{})
var xxx=()=>{}

三、結(jié)構(gòu)賦值

1.以前數(shù)組

let arr=['hello','world']
let a=arr[0]
let b=arr[1]

2.解構(gòu)賦值

let [a,b]=['hello','world']
console.log(a)
console.log(b)

四、解構(gòu)賦值-解構(gòu)對象（鍵值對）

1.以前獲取對象

let obj={
name:"小明"
age:20
}

let name=obj.nam
let age=obj.nam

2.解構(gòu)賦值

let obj={
name:"小明"
age:20
}

//定義兩個變量name和age，并獲取obj里的name和age的值
let{name,age}=obj //如同 let name=obj.nam ,let age=obj.nam
console.log(name,age)

//定義一變量a（為name取個別名a）
let{name:a}=obj 

五、E6_模板字符串反引號使用

作用：

1. 給變量賦值時可以換行
2. 可以配合${ 變量 }來解析變量

//給變量賦值時可以換行
var a=`hello
world`
//輸出也保持換行
console.log(a)

//可以配合${ 變量 }來解析變量
 var name="小明"
 var s=`他的名字是${name}`
 console.log(s)
//輸出為：他的名字是小明

六、E6_展開運算符

格式： . . . 數(shù)組或 . . . 對象（鍵值對）
作用：把數(shù)組或鍵值對展開（把中括號和大括號去掉）

用途1：合并數(shù)組或鍵值對

//數(shù)組合并
var s1=[10,20]
var s2=[30,40]
var s3=[50,60,70]

var s=[...s1,...s2,...s3]
console.log(s)
//輸出結(jié)果:[10,20,30,40,50,60,70]

//鍵值對合并
	var s1={name:"小明",age:12}
	var s2={sex:"男",hight:170}
	var s={...s1,...s2}
	console.log(s)
//結(jié)果：{name: '小明', age: 12, sex: '男', hight: 170}

用途2：給函數(shù)傳值

//求數(shù)組里的最大值
var s=[2,4,5,7,20,4]
var max=Math.max(...s)//如同：max=Math.max(2,4,5,7,20,4)
//結(jié)果為：20

七、E6_類語法

格式：

class 類名{

constructor( 形參列表 ){

this.屬性名=形參1

this.屬性名=形參2

}

//直接寫方法就行

方法名( ){ 方法體 }

//靜態(tài)屬性和方法，加一個static

static a=100

static hi( ){ 方法體 }

}

//E6的類
class  Person{
constructor(name,age){
this.name=name
this.age=age
  }   
    //方法
     sayHi(){ console.log("你好，世界！") }
    
    //靜態(tài)屬性和方法，加一個 static
    static a=100
    static to()function{ console.log("大家好") }
    
 }


//創(chuàng)建對象
var p1=new Person("小明",20)
 //執(zhí)行方法
  p1.sayHi()


//執(zhí)行靜態(tài)屬性和方法
Person.a
Person.to()

網(wǎng)站題目：Javascript——ES6( ECMAScript 6.0)語法
分享鏈接：http://m.br277.com/article/dsojhpg.html