學習Vue之前，ES6的基礎常識是必須要了解的，下面列舉了幾種最重要的特性，學會了這些，Vue的學習就易如反掌了。

1.變量聲明const和let

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

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

• ES6新的變量聲明const和let：
  let 表示聲明變量、const 表示聲明常量。let 和 const 都是塊級作用域，即每個{}花括號內表示 let 和 const 的作用域。

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

2.函數

• 之前的函數書寫格式是這樣的

function test(x) {return x+1}

• 箭頭函數

x => x+1

• 箭頭函數最直觀的三個特點。

不需要 function 關鍵字來創建函數

省略 return 關鍵字

繼承當前上下文的 this 關鍵字----->最近的調用者是傳遞給函數的this

3、類

<script>//創建類的關鍵字是classclass Animal {//構造函數constructor() {this.type = "animal"}//類方法says(say) {console.log(this.type + "says" + say)}}//實例化對象let animal = new Animal();//對象調用方法animal.says("ao~~~");//類的繼承用extendsclass Dog extends Animal {//構造方法constructor() {// 沒有自己的this super繼承父類的thissuper();this.type = "dog"}}//實例化對象let dog = new Dog();//對象調用方法dog.says("wang~~~")</script>

4、模板字符串

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

5、數據的解構

數組和對象是JS中最常用也是最重要表示形式。為了簡化提取信息，ES6新增了解構，這是將一個數據結構分解為更小的部分的過程

<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>

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。