概述

ES6以前 var關鍵字來聲明變量，無論聲明在何處都存在變量提升這個事情，會提前創建變量；

let聲明的變量是塊級作用域,不能重復聲明,不存在變量提升

const聲明一個只讀的常量,一旦聲明,常量的值不能改變

模板字符串

ES6引入了反引號``，使用 ${} 的方式
如果想用輸入反引號 用\(反斜杠)轉義
例子:?

a b 是提前定義好的變量

`哈哈${a}嘻嘻${b}`

箭頭函數

var f = (a) => {return a;} // function(){} === ()=>{} (等價)

　　function 體內的this對象,就是定義時所在的對象
坑1:箭頭函數體內的this對象,指向了定義是所在的對象(window),

　　function函數中arguments是函數傳的參數
坑2:箭頭函數中,arguments不能使用

對象的單體模式

// 在對象里直接寫fav(){console.log(this)}// 等價于 fav:function(){console.log(this)}

面向對象

ES6

class Animal(){constructor(name,age){this.name = name;this.age = age;} // 這里不寫逗號showName(){}console.log(this.name) }var d = new Animal('張三',19); d.showName();

模塊化

導出
export default xxx

導入
import xxx from xx 導入

名字導出

// main.js // 導出多個聲明 export var name = "ggg" export var age = "18" export function aa() {return 1 } // 批量導出 export {name, age, aa}// test.js import {name, age, aa} from "./main" console.log(name) console.log(age) console.log(aa()) // 整個模塊導入 把模塊當做一個對象 // 該模塊下所有的導出都會作為對象的屬性存在 import * as obj from "./main" console.log(obj.name) console.log(obj.age) console.log(obj.aa())

默認導出

// 一個模塊只能有一個默認導出 // 對于默認導出 導入的時候名字可以不一樣 // main.js var app = new Vue({}); export default app// test.js // import app from "./main" import my_app from "./main"

?

轉載于:https://www.cnblogs.com/sunch/p/10246130.html

總結

以上是生活随笔為你收集整理的ES6简单用法的全部內容，希望文章能夠幫你解決所遇到的問題。

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