ES6入門筆記（一）

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

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

ES6入門筆記（一） 安裝babel

由于瀏覽器對ES6的支持還不是很好，編寫ES6代碼前我們要安裝一個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最新版本還有對jsx，ES7等規(guī)范的支持，所以還要在當(dāng)前目錄新建一個.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等、或用花括號代碼塊里聲明的變量是具有作用域的，超出該范圍即無法使用，js一直沒有這個概念，ES6補上了這個缺口。

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

Spread表達式

ES6里還有一個很方便的就是spread表達式，舉個例子：

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");

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

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

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

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

轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/79285.html

相關(guān)文章

ES6入門筆記（二）

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

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

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

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

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

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

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

mayaohua 2019-08-20 18:19 評論0 收藏0
es6入門筆記

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

renweihub 2019-08-20 17:22 評論0 收藏0