學(xué)習(xí)Vue之前，ES6的基礎(chǔ)常識(shí)是必須要了解的，下面列舉了幾種最重要的特性，學(xué)會(huì)了這些，Vue的學(xué)習(xí)就易如反掌了。

1.變量聲明const和let

• 在ES6之前，我們都是用var關(guān)鍵字聲明變量。var聲明的變量存在變量提升問題，也就是var無(wú)論聲明在何處，都會(huì)被視為聲明在函數(shù)的最頂部(不在函數(shù)內(nèi)即在全局作用域的最頂部)。例如:

<script>console.log(name);var name = 'wangjifei';console.log(name) </script> 微信圖片_20180825185453.png //其代碼相當(dāng)于： <script>var name; //變量提升，未定義console.log(name);var name = 'wangjifei';console.log(name) </script>

• ES6新的變量聲明const和let：
  let 表示聲明變量、const 表示聲明常量。let 和 const 都是塊級(jí)作用域，即每個(gè){}花括號(hào)內(nèi)表示 let 和 const 的作用域。

function aa() {if(true) {let name = 'wang'} else {//name 在此處訪問不到console.log(name)}} ----------------------------------------------const name = 'lux'name = 'joe' // 再次賦值此時(shí)會(huì)報(bào)錯(cuò)

2.函數(shù)

• 之前的函數(shù)書寫格式是這樣的

function test(x) {return x+1}

• 箭頭函數(shù)

x => x+1

• 箭頭函數(shù)最直觀的三個(gè)特點(diǎn)。

不需要 function 關(guān)鍵字來(lái)創(chuàng)建函數(shù)

省略 return 關(guān)鍵字

繼承當(dāng)前上下文的 this 關(guān)鍵字----->最近的調(diào)用者是傳遞給函數(shù)的this

3、類

<script>//創(chuàng)建類的關(guān)鍵字是classclass Animal {//構(gòu)造函數(shù)constructor() {this.type = "animal"}//類方法says(say) {console.log(this.type + "says" + say)}}//實(shí)例化對(duì)象let animal = new Animal();//對(duì)象調(diào)用方法animal.says("ao~~~");//類的繼承用extendsclass Dog extends Animal {//構(gòu)造方法constructor() {// 沒有自己的this super繼承父類的thissuper();this.type = "dog"}}//實(shí)例化對(duì)象let dog = new Dog();//對(duì)象調(diào)用方法dog.says("wang~~~")</script>

4、模板字符串

let html = `<div><p>我是一個(gè)模板字符串</p></div>`

5、數(shù)據(jù)的解構(gòu)

數(shù)組和對(duì)象是JS中最常用也是最重要表示形式。為了簡(jiǎn)化提取信息，ES6新增了解構(gòu)，這是將一個(gè)數(shù)據(jù)結(jié)構(gòu)分解為更小的部分的過程

<script>let array = ["程咬金", "程咬銅", "程咬鐵"];let obj ={name: "wangfei",sex: "男"};let [a, b, c] = array;let {name, sex} = obj;console.log(a);console.log(b);console.log(c);console.log(name);console.log(sex); </script>

總結(jié)

以上是生活随笔為你收集整理的ES6的新特性----Vue学习必备基础知识的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。