es6常用語(yǔ)法

Bmob 發(fā)布于2019-08-21 16:26 / 1905人閱讀

摘要：革命伴隨著到來(lái)的是一場(chǎng)語(yǔ)法革命請(qǐng)忘記，統(tǒng)一使用聲明變量和函數(shù)解構(gòu)解構(gòu)帶來(lái)了簡(jiǎn)潔的賦值方式，在任何聲明變量的地方都可以使用解構(gòu)賦值。

革命

伴隨著es6到來(lái)的是一場(chǎng)語(yǔ)法革命！

let const

請(qǐng)忘記var，統(tǒng)一使用let,const聲明變量和函數(shù)

let foo = `new`
let bar = function(){}

解構(gòu)

解構(gòu)帶來(lái)了簡(jiǎn)潔的賦值方式，在任何聲明變量的地方都可以使用解構(gòu)賦值。

let

for of

函數(shù)形參

import

解構(gòu)分為[],{}兩個(gè)模式

const { name, age } = { name:`lbc`, age:22 }
const [ name, age ] = [ `lbc`, 22 ]

默認(rèn)值

解構(gòu)默認(rèn)值

let [a=1] = []

參數(shù)默認(rèn)值

let = function(x=0){}

...運(yùn)算符

請(qǐng)忘記arguments

function fn(...args){}

請(qǐng)忘記apply

console.log(...[1,2])

在{}模式下展開(kāi)它會(huì)迭代鍵值對(duì)

let obj = {...{a:1},...{a:2}}

在[]模式下展開(kāi)它會(huì)調(diào)用迭代接口Symbol.iterator

let o = {[Symbol.iterator]:function*(){yield 1;yield 2}}
[...o]

箭頭函數(shù)

() => 6 它沒(méi)有自身的this,arguments,new.target等等隱藏的變量

二進(jìn)制和八進(jìn)制數(shù)值表示法

es6明確規(guī)定二進(jìn)制和八進(jìn)制前綴為0b，0o

對(duì)象字面量

es6增加了屬性的簡(jiǎn)潔表示法和計(jì)算屬性名

let name = `lbc`;
let obj = {
    name,
    do(){},
    [`a`+`ge`]:22
}

模版字符串

它可以嵌入表達(dá)式，保留換行和縮進(jìn)，請(qǐng)忘記"",""

let name = `lbc`
let template = `
    my name is ${lbc}
`

云服務(wù)器 GPU云服務(wù)器 python常用語(yǔ)法 ES6 es6-系列 ES6入門(mén)

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/88540.html

相關(guān)文章

ES6常用語(yǔ)法整合

摘要：說(shuō)到肯定是先介紹了，據(jù)阮一峰老師介紹到，是一個(gè)廣泛使用的轉(zhuǎn)碼器，可以將代碼轉(zhuǎn)為代碼，從而在現(xiàn)有環(huán)境執(zhí)行。輸出其他還有等可以查看阮一峰的入門(mén) ES6也出來(lái)有一會(huì)時(shí)間了，他新增的語(yǔ)法糖也的確大大提高了開(kāi)發(fā)者的效率，今天就總結(jié)一些自己用到最多的。說(shuō)到ES6肯定是先介紹Babel了，據(jù)阮一峰老師介紹到，Babel是一個(gè)廣泛使用的轉(zhuǎn)碼器，可以將ES6代碼轉(zhuǎn)為ES5代碼，從而在現(xiàn)有環(huán)境執(zhí)行。這意...

張遷 2019-08-20 15:31 評(píng)論0 收藏0
ES6-7

摘要：的翻譯文檔由的維護(hù)很多人說(shuō)，阮老師已經(jīng)有一本關(guān)于的書(shū)了入門(mén)，覺(jué)得看看這本書(shū)就足夠了。前端的異步解決方案之和異步編程模式在前端開(kāi)發(fā)過(guò)程中，顯得越來(lái)越重要。為了讓編程更美好，我們就需要引入來(lái)降低異步編程的復(fù)雜性。 JavaScript Promise 迷你書(shū)（中文版）超詳細(xì)介紹promise的gitbook，看完再不會(huì)promise...... 本書(shū)的目的是以目前還在制定中的ECMASc...

mudiyouyou 2019-08-21 18:40 評(píng)論0 收藏0
[ ES6 ] 快速掌握常用 ES6 （二）

摘要：本系列文章適合快速掌握入門(mén)語(yǔ)法，想深入學(xué)習(xí)的小伙伴可以看看阮一峰老師的入門(mén)本篇文章是對(duì)之前文章的一個(gè)補(bǔ)充，可以使代碼更簡(jiǎn)潔函數(shù)參數(shù)默認(rèn)值在傳統(tǒng)語(yǔ)法中如果想設(shè)置函數(shù)默認(rèn)值一般我們采用判斷的形式在新的語(yǔ)法中我們可以在參數(shù)聲明的同時(shí)賦予默認(rèn)值參數(shù) 本系列文章適合快速掌握 ES6 入門(mén)語(yǔ)法，想深入學(xué)習(xí) ES6 的小伙伴可以看看阮一峰老師的《ECMAScript 6 入門(mén)》本篇文章是對(duì)之前文章...

hidogs 2019-08-23 14:07 評(píng)論0 收藏0
工作中常用es6+特性

摘要：結(jié)合工作中使用情況，簡(jiǎn)單對(duì)進(jìn)行一些復(fù)習(xí)總結(jié)，包括常用的語(yǔ)法，等，以及短時(shí)間內(nèi)要上手需要重點(diǎn)學(xué)習(xí)的知識(shí)點(diǎn)不同工作環(huán)境可能有一些差別，主要參考鏈接是阮一峰的博客以及外文博客阮老師大部分文章是直接翻譯的這個(gè)博客簡(jiǎn)介先說(shuō)一下，是一個(gè)標(biāo)準(zhǔn)化組織，他們結(jié)合工作中使用情況，簡(jiǎn)單對(duì)es6進(jìn)行一些復(fù)習(xí)總結(jié)，包括常用的語(yǔ)法，api等，以及短時(shí)間內(nèi)要上手需要重點(diǎn)學(xué)習(xí)的知識(shí)點(diǎn)（不同工作環(huán)境可能有一些差別），...

xcold 2019-08-23 18:39 評(píng)論0 收藏0
實(shí)例感受-es6的常用語(yǔ)法和優(yōu)越性

摘要：在重寫(xiě)完了的時(shí)候，就個(gè)人總結(jié)了一下常用的一些常用的語(yǔ)法和比優(yōu)越的方面。參數(shù)字符串是否在原字符串的尾部返回布爾值。第一個(gè)大于的成員的索引方法，用于某個(gè)數(shù)組是否包含給定的值，返回一個(gè)布爾值。 1.前言前幾天，用es6的語(yǔ)法重寫(xiě)了我的一個(gè)代碼庫(kù)，說(shuō)是重寫(xiě)，其實(shí)改動(dòng)的并不多，工作量不大。在重寫(xiě)完了的時(shí)候，就個(gè)人總結(jié)了一下es6常用的一些常用的語(yǔ)法和比es5優(yōu)越的方面。下面提到的語(yǔ)法可能也就是...

fsmStudy 2019-08-21 17:36 評(píng)論0 收藏0