ES6入門筆記（一）

warkiz 發(fā)布于2019-08-19 18:11 / 2200人閱讀

摘要：用聲明的常量無法在后面的代碼中改值。表達(dá)式里還有一個(gè)很方便的就是表達(dá)式，舉個(gè)例子運(yùn)行結(jié)果為后聲明的里以數(shù)組的形式存放了函數(shù)的剩余參數(shù)，是不是很方便。

ES6入門筆記（一） 安裝babel

由于瀏覽器對(duì)ES6的支持還不是很好，編寫ES6代碼前我們要安裝一個(gè)babel工具將ES6代碼編譯成ES5代碼，用如下命令安裝babel：

npm install -g babel-core       //安裝babel核心庫
npm install -g babel-cli       //安裝babel命令行工具

安裝成功后，我們將a.js的ES6代碼編譯為b.js的ES5代碼的命令為：

babel a.js -o b.js

這里要注意由于babel最新版本還有對(duì)jsx，ES7等規(guī)范的支持，所以還要在當(dāng)前目錄新建一個(gè).babelrc文件來指定當(dāng)前使用JS的候選版本，其內(nèi)容為：

{
    "presets": ["es2015"]        //指定當(dāng)前JS版本為es2015
}

區(qū)塊作用域let與常量const

ES6里用let聲明具有區(qū)塊作用域的變量，什么是區(qū)塊作用域，學(xué)習(xí)過C,C++,Java等語言的同學(xué)都知道，如循環(huán)、if/else等、或用花括號(hào)代碼塊里聲明的變量是具有作用域的，超出該范圍即無法使用，js一直沒有這個(gè)概念，ES6補(bǔ)上了這個(gè)缺口。

用const聲明的常量無法在后面的代碼中改值。

Spread表達(dá)式

ES6里還有一個(gè)很方便的就是spread表達(dá)式，舉個(gè)例子：

function cook(dessert, ...drink) {
    let temp = dessert;
    for (let i = 0; i < drink.length; ++i) {
        temp += "," + drink[i];
    }
    console.log(temp);
}

cook("cake", "juice", "cola");

// 運(yùn)行結(jié)果為    cake,juice,cola

...后聲明的drink里以數(shù)組的形式存放了函數(shù)的剩余參數(shù)，是不是很方便。

云服務(wù)器 GPU云服務(wù)器 ES6入門 java開發(fā)入門筆記學(xué)習(xí)筆記一 ES6

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

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

相關(guān)文章

ES6入門筆記（二）

摘要：入門筆記二對(duì)字符串操作的擴(kuò)展傳統(tǒng)上，只有方法，可以用來確定一個(gè)字符串是否包含在另一個(gè)字符串中。返回布爾值，表示參數(shù)字符串是否在源字符串的頭部。用于頭部補(bǔ)全，用于尾部補(bǔ)全。模板字符串中嵌入變量，需要將變量名寫在之中。 ES6入門筆記（二） ES6對(duì)字符串操作的擴(kuò)展傳統(tǒng)上，JavaScript只有indexOf方法，可以用來確定一個(gè)字符串是否包含在另一個(gè)字符串中。ES6又提供了三種新方法...

godlong_X 2019-08-19 18:11 評(píng)論0 收藏0
React入門筆記（一）

摘要：環(huán)境配置新版的要求統(tǒng)一使用作為的編譯工具，因此我們選擇，新建文件，內(nèi)容如下設(shè)置候選版本為和這里因?yàn)橐玫?，所以把在候選版本里加入對(duì)的支持組件里引入的組件這個(gè)概念里的組件就像，里的控件一樣，能方便快捷的作為界面的一部分實(shí)現(xiàn)一定功能，我們可以環(huán)境配置新版的React要求統(tǒng)一使用babel作為JSX的編譯工具，因此我們選擇babel，新建.babelrc文件，內(nèi)容如下 { pre...

OpenDigg 2019-08-19 18:15 評(píng)論0 收藏0
react入門學(xué)習(xí)筆記（一）

摘要：選擇的主要原因大概是因?yàn)樵摽蚣艹霈F(xiàn)較早，感覺上會(huì)相對(duì)成熟，日后學(xué)習(xí)中遇到問題想要查找答案相對(duì)簡(jiǎn)單一些，對(duì)，就是這么簡(jiǎn)單。多說無益，接下來開始的學(xué)習(xí)，我按照我學(xué)習(xí)中帶著的問題來一一解答，完成我的入門筆記。主要是針對(duì)前端的組件化開發(fā)。這兩天得空，特意來折騰了以下時(shí)下火熱的前端框架react，至于為什么選react,作為一個(gè)初學(xué)者react和vue在技術(shù)上的優(yōu)劣我無權(quán)評(píng)論，也就不妄加評(píng)論了...

leon 2019-08-20 18:01 評(píng)論0 收藏0
ES6 Iterator筆記（摘抄至阮一峰的ECMAScript 6入門）

摘要：也就是說，遍歷器對(duì)象本質(zhì)上，就是一個(gè)指針對(duì)象。執(zhí)行這個(gè)函數(shù)，就會(huì)返回一個(gè)遍歷器。一個(gè)對(duì)象如果要有可被循環(huán)調(diào)用的接口，就必須在的屬性上部署遍歷器生成方法原型鏈上的對(duì)象具有該方法也可。后面跟的是一個(gè)可遍歷的結(jié)構(gòu)，它會(huì)調(diào)用該結(jié)構(gòu)的遍歷器接口。 ES6 Iterator筆記（摘抄至阮一峰的ECMAScript 6入門） Iterator的遍歷過程創(chuàng)建一個(gè)指針對(duì)象，指向當(dāng)前數(shù)據(jù)結(jié)構(gòu)的起始位...

mayaohua 2019-08-20 18:19 評(píng)論0 收藏0
es6入門筆記

摘要：批量聲明循環(huán)箭頭函數(shù)中可以省略，如果括號(hào)里只有返回的表達(dá)式，那么花括號(hào)和關(guān)鍵字也可以省略。箭頭函數(shù)指向?qū)嵗闹赶蚴窃摵瘮?shù)被調(diào)用的指向該函數(shù)是被哪個(gè)對(duì)象所調(diào)用時(shí)的就是箭頭函數(shù)中的指向是定義時(shí)的指向?qū)嵗闹赶? 常量const const a = 1; a +=2; console.log(a); //報(bào)錯(cuò) VM6833:2 Uncaught TypeError: Assignment t...

renweihub 2019-08-20 17:22 評(píng)論0 收藏0