亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

【前端】ES6入門基礎(chǔ)知識(shí)

philadelphia / 483人閱讀

摘要：關(guān)于的入門了解新增模板字符串為提供了簡單的字符串插值功能箭頭函數(shù)操作符左邊為輸入的參數(shù)，而右邊則是進(jìn)行的操作以及返回的值。將對象納入規(guī)范，提供了原生的對象。增加了和命令，用來聲明變量。

關(guān)于ES6的入門了解

新增模板字符串（為JavaScript提供了簡單的字符串插值功能）、箭頭函數(shù)（操作符左邊為輸入的參數(shù)，而右邊則是進(jìn)行的操作以及返回的值Inputs=>outputs。）、for-of（用來遍歷數(shù)據(jù)—例如數(shù)組中的值。）arguments對象可被不定參數(shù)和默認(rèn)參數(shù)完美代替。ES6將promise對象納入規(guī)范，提供了原生的Promise對象。增加了let和const命令，用來聲明變量。增加了塊級(jí)作用域。let命令實(shí)際上就增加了塊級(jí)作用域。ES6規(guī)定，var命令和function命令聲明的全局變量，屬于全局對象的屬性；let命令、const命令、class命令聲明的全局變量，不屬于全局對象的屬性。。還有就是引入module模塊的概念

對Promise的理解

依照 Promise/A+ 的定義，Promise 有四種狀態(tài)：

pending: 初始狀態(tài), 非 fulfilled 或 rejected.

fulfilled: 成功的操作.

rejected: 失敗的操作.

settled: Promise已被fulfilled或rejected，且不是pending

另外， fulfilled 與 rejected 一起合稱 settled

Promise 對象用來進(jìn)行延遲(deferred) 和異步(asynchronous ) 計(jì)算

Promise 的構(gòu)造函數(shù)

構(gòu)造一個(gè) Promise，最基本的用法如下：

var promise = new Promise(function(resolve, reject) {

        if (...) {  // succeed

            resolve(result);

        } else {   // fails

            reject(Error(errMessage));

        }
    });

Promise 實(shí)例擁有 then 方法（具有 then 方法的對象，通常被稱為thenable）。它的使用方法如下：

promise.then(onFulfilled, onRejected)

接收兩個(gè)函數(shù)作為參數(shù)，一個(gè)在 fulfilled 的時(shí)候被調(diào)用，一個(gè)在rejected的時(shí)候被調(diào)用，接收參數(shù)就是 future，onFulfilled 對應(yīng) resolve, onRejected 對應(yīng) reject

什么是 Promise ？

Promise 就是一個(gè)對象，用來表示并傳遞異步操作的最終結(jié)果

Promise 最主要的交互方式：將回調(diào)函數(shù)傳入 then 方法來獲得最終結(jié)果或出錯(cuò)原因

Promise 代碼書寫上的表現(xiàn)：以“鏈?zhǔn)秸{(diào)用”代替回調(diào)函數(shù)層層嵌套（回調(diào)地獄）

ECMAScript6的新特性

塊級(jí)作用區(qū)域 let a = 1;

可定義常量 const PI = 3.141592654;

變量解構(gòu)賦值 var [a, b, c] = [1, 2, 3];

字符串的擴(kuò)展(模板字符串) var sum = ${a + b};

數(shù)組的擴(kuò)展(轉(zhuǎn)換數(shù)組類型) Array.from($("li"));

函數(shù)的擴(kuò)展(擴(kuò)展運(yùn)算符) [1, 2].push(...[3, 4, 5]);

對象的擴(kuò)展(同值相等算法) Object.is(NaN, NaN);

新增數(shù)據(jù)類型(Symbol) let uid = Symbol("uid");

新增數(shù)據(jù)結(jié)構(gòu)(Map) let set = new Set([1, 2, 2, 3]);

for...of循環(huán) for(let val of arr){};

Promise對象 var promise = new Promise(func);

Generator函數(shù) function* foo(x){yield x; return x*x;}

引入Class(類) class Foo {}

引入模塊體系 export default func;

引入async函數(shù)[ES7]

async function asyncPrint(value, ms) {
      await timeout(ms);
      console.log(value)
     }

Object.is() 與原來的比較操作符 ===、== 的區(qū)別？

== 相等運(yùn)算符，比較時(shí)會(huì)自動(dòng)進(jìn)行數(shù)據(jù)類型轉(zhuǎn)換

=== 嚴(yán)格相等運(yùn)算符，比較時(shí)不進(jìn)行隱式類型轉(zhuǎn)換

Object.is 同值相等算法，在 === 基礎(chǔ)上對 0 和 NaN 特別處理

+0 === -0 //true
NaN === NaN // false

Object.is(+0, -0) // false
Object.is(NaN, NaN) // true

什么是 Babel ？

Babel 是一個(gè) JS 編譯器，自帶一組 ES6 語法轉(zhuǎn)化器，用于轉(zhuǎn)化 JS 代碼。
這些轉(zhuǎn)化器讓開發(fā)者提前使用最新的 JS語法(ES6/ES7)，而不用等瀏覽器全部兼容。

Babel 默認(rèn)只轉(zhuǎn)換新的 JS 句法(syntax)，而不轉(zhuǎn)換新的API。

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

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

相關(guān)文章

  • 前端資源系列（4）-前端學(xué)習(xí)資源分享&前端面試資源匯總

    摘要：特意對前端學(xué)習(xí)資源做一個(gè)匯總，方便自己學(xué)習(xí)查閱參考，和好友們共同進(jìn)步。 特意對前端學(xué)習(xí)資源做一個(gè)匯總，方便自己學(xué)習(xí)查閱參考，和好友們共同進(jìn)步。 本以為自己收藏的站點(diǎn)多，可以很快搞定，沒想到一入?yún)R總深似海。還有很多不足&遺漏的地方，歡迎補(bǔ)充。有錯(cuò)誤的地方，還請斧正... 托管: welcome to git，歡迎交流，感謝star 有好友反應(yīng)和斧正，會(huì)及時(shí)更新，平時(shí)業(yè)務(wù)工作時(shí)也會(huì)不定期更...

    princekin 評(píng)論0 收藏0

  • 前端學(xué)習(xí)資源

    摘要：提供了完整的環(huán)境，并且支持自定義域名指向，動(dòng)態(tài)計(jì)算資源調(diào)整，可以完成各種應(yīng)用的開發(fā)編譯與部署。 react 新特性 react16 Context 算法相關(guān) 圖解排序算法(二)之希爾排序 微信小程序 微信小程序組件化的解決方案移動(dòng)端尺寸基本知識(shí) 瀏覽器 前端必讀：瀏覽器內(nèi)部工作原理瀏覽器緩存原理解讀瀏覽器加載css和js及dom解析之間的關(guān)系瀏覽器緩存 CSS學(xué)習(xí) 移動(dòng)web開發(fā)布局入...

    zhisheng 評(píng)論0 收藏0

  • 前端計(jì)劃——JavaScript正則表達(dá)式快速入門

    摘要：前言正則表達(dá)式時(shí)處理字符串中常用的手法，本文以簡單的方式，快速展示了中正則相關(guān)的基礎(chǔ)知識(shí)點(diǎn)。文末還提供了幾個(gè)簡單的正則相關(guān)面試題。接下來是正則部分，注意后面的并不匹配，也就是比如，實(shí)際匹配的值是和，在和后面加上，就完成了預(yù)期。 前言：正則表達(dá)式時(shí)處理字符串中常用的手法，本文以簡單的方式，快速展示了JavaScript中正則相關(guān)的基礎(chǔ)知識(shí)點(diǎn)。文末還提供了幾個(gè)簡單的正則相關(guān)面試題。個(gè)人總結(jié)...

    Xufc 評(píng)論0 收藏0

  • 前端培訓(xùn)-初級(jí)階段（13） - 類、模塊、繼承

    摘要：前端培訓(xùn)初級(jí)階段語法變量值類型運(yùn)算符語句前端培訓(xùn)初級(jí)階段內(nèi)置對象函數(shù)基礎(chǔ)內(nèi)容知識(shí)我們會(huì)用到。模塊定義加載模塊繼承中的繼承依賴于原型鏈繼承。 前端最基礎(chǔ)的就是 HTML+CSS+Javascript。掌握了這三門技術(shù)就算入門，但也僅僅是入門，現(xiàn)在前端開發(fā)的定義已經(jīng)遠(yuǎn)遠(yuǎn)不止這些。前端小課堂（HTML/CSS/JS），本著提升技術(shù)水平，打牢基礎(chǔ)知識(shí)的中心思想，我們開課啦（每周四）。 該文為前...

    luodongseu 評(píng)論0 收藏0

  • 個(gè)人分享--web前端學(xué)習(xí)資源分享

    摘要：前言月份開始出沒社區(qū)，現(xiàn)在差不多月了，按照工作的說法，就是差不多過了三個(gè)月的試用期，準(zhǔn)備轉(zhuǎn)正了一般來說，差不多到了轉(zhuǎn)正的時(shí)候，會(huì)進(jìn)行總結(jié)或者分享會(huì)議那么今天我就把看過的一些學(xué)習(xí)資源主要是博客，博文推薦分享給大家。 1.前言 6月份開始出沒社區(qū)，現(xiàn)在差不多9月了，按照工作的說法，就是差不多過了三個(gè)月的試用期，準(zhǔn)備轉(zhuǎn)正了！一般來說，差不多到了轉(zhuǎn)正的時(shí)候，會(huì)進(jìn)行總結(jié)或者分享會(huì)議！那么今天我就...

    sherlock221 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<