ES6入門筆記（一）

warkiz 發布于2019-08-19 18:11 / 2153人閱讀

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

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等規范的支持，所以還要在當前目錄新建一個.babelrc文件來指定當前使用JS的候選版本，其內容為：

{
    "presets": ["es2015"]        //指定當前JS版本為es2015
}

區塊作用域let與常量const

ES6里用let聲明具有區塊作用域的變量，什么是區塊作用域，學習過C,C++,Java等語言的同學都知道，如循環、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");

// 運行結果為    cake,juice,cola

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

云服務器 GPU云服務器 ES6入門 java開發入門筆記學習筆記一 ES6

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/79285.html

ES6入門筆記（二）

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

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

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

OpenDigg 2019-08-19 18:15 評論0 收藏0
react入門學習筆記（一）

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

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

摘要：也就是說，遍歷器對象本質上，就是一個指針對象。執行這個函數，就會返回一個遍歷器。一個對象如果要有可被循環調用的接口，就必須在的屬性上部署遍歷器生成方法原型鏈上的對象具有該方法也可。后面跟的是一個可遍歷的結構，它會調用該結構的遍歷器接口。 ES6 Iterator筆記（摘抄至阮一峰的ECMAScript 6入門） Iterator的遍歷過程創建一個指針對象，指向當前數據結構的起始位...

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

摘要：批量聲明循環箭頭函數中可以省略，如果括號里只有返回的表達式，那么花括號和關鍵字也可以省略。箭頭函數指向實例的指向是該函數被調用的指向該函數是被哪個對象所調用時的就是箭頭函數中的指向是定義時的指向實例的指向常量const const a = 1; a +=2; console.log(a); //報錯 VM6833:2 Uncaught TypeError: Assignment t...

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