概述

ES6以前 var關(guān)鍵字來聲明變量，無論聲明在何處都存在變量提升這個(gè)事情，會提前創(chuàng)建變量；

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

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

模板字符串

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

a b 是提前定義好的變量

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

箭頭函數(shù)

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

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

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

對象的單體模式

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

面向?qū)ο?/h2>

ES6

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

模塊化

導(dǎo)出
export default xxx

導(dǎo)入
import xxx from xx 導(dǎo)入

名字導(dǎo)出

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

默認(rèn)導(dǎo)出

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

?

轉(zhuǎn)載于:https://www.cnblogs.com/sunch/p/10246130.html

總結(jié)

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

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