91超碰碰碰碰久久久久久综合_超碰av人澡人澡人澡人澡人掠_国产黄大片在线观看画质优化_txt小说免费全本

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

JavaScript ES6值得掌握的五大功能是什么

發布時間:2021-11-06 14:14:26 來源:億速云 閱讀:215 作者:iii 欄目:web開發

這篇文章主要介紹“JavaScript ES6值得掌握的五大功能是什么”,在日常操作中,相信很多人在JavaScript ES6值得掌握的五大功能是什么問題上存在疑惑,小編查閱了各式資料,整理出簡單好用的操作方法,希望對大家解答”JavaScript ES6值得掌握的五大功能是什么”的疑惑有所幫助!接下來,請跟著小編一起來學習吧!

JavaScript ES6為JavaScript語言添加了許多新功能,其中一些功能比其他功能更具開創性和廣泛應用。例如ES6 Classes之類的東西 ,雖然新穎,但只是在現有的方法基礎上添加語法糖,以便在JavaScript中創建類,而像Generators這樣的功能雖然功能非常強大,但卻保留用于更專業的任務。

    1)JavaScript箭頭功能

    ES6 JavaScript中我最喜歡的一個新功能并不是一個新功能,而是一個令人耳目一新的新語法集,每次我使用它時都會在我臉上露出笑容。我在談論Arrow函數,它提供了一種在JavaScript中定義匿名函數的極其優雅和簡約的方法。

    簡而言之,Arrow函數會刪除“ function”關鍵字,并使用箭頭(=>) 將函數的參數部分與 匿名 函數的函數BODY分開 :

    1

    <font style="vertical-align: inherit;"><font style="vertical-align: inherit;">(x,y)=> x * y;</font></font>

    這相當于:

    1

    2

    3

    <font style="vertical-align: inherit;"><font style="vertical-align: inherit;">function(x,y){</font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">

        返回x * y;</font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">

    }</font></font>

    要么:

    1

    2

    3

    4

    <font style="vertical-align: inherit;"><font style="vertical-align: inherit;">(x,y)=> {</font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">

        var factor = 5;</font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">

        var growth =(xy)* factor;</font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">

    }</font></font>

    這與:

    1

    2

    3

    4

    <font style="vertical-align: inherit;"><font style="vertical-align: inherit;">function(x,y){</font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">

        var factor = 5;</font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">

        var growth =(xy)* factor;</font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">

    }</font></font>

    使用傳統的匿名函數時,箭頭函數也會刪除錯誤的關鍵源,這是this函數內部“ ”對象的值。使用箭頭函數,“ this”是詞法綁定的,這 只是一種說法,它的值與父作用域綁定,并且從不改變。如果 在自定義對象“ ”中定義了 箭頭函數,則“ countup”的值this指向“ countup” - 不需要猜測。例如:

    1

    2

    3

    4

    6

    7

    8

    9

    10

    11

    <font style="vertical-align: inherit;"><font style="vertical-align: inherit;">var countup = {</font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">

        柜臺:15,</font></font><font></font>

         <font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">

        開始:函數(){</font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">

            window.addEventListener('click',()=> {</font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">

                alert(this.counter)//由于詞法綁定而正確警告15</font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">

            })</font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">

        }</font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">

    };</font></font><font></font>

     <font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">

    countup.start();</font></font>

    將其與傳統的匿名函數進行比較,其中“ this” 的值根據其定義的上下文而變化。this.counter在上述情況下嘗試引用時的結果將返回undefined,這種行為可能會混淆許多不熟悉動態錯綜復雜的行為捆綁。使用箭頭功能,“ this” 的值始終可預測且易于推斷。

    到此,關于“JavaScript ES6值得掌握的五大功能是什么”的學習就結束了,希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習,快去試試吧!若想繼續學習更多相關知識,請繼續關注億速云網站,小編會繼續努力為大家帶來更多實用的文章!

    向AI問一下細節

    免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

    AI

    铁岭县| 金川县| 澳门| 临湘市| 金沙县| 庆元县| 德令哈市| 万州区| 英山县| 青州市| 浦县| 平罗县| 新源县| 潢川县| 新和县| 枣强县| 靖江市| 蒙阴县| 湛江市| 甘洛县| 泸溪县| 吉隆县| 防城港市| 永昌县| 松原市| 阿拉善盟| 巴彦淖尔市| 天峻县| 阿坝县| 泰宁县| 健康| 项城市| 永定县| 神池县| 攀枝花市| 宜丰县| 焉耆| 维西| 漳浦县| 鹤庆县| 正镶白旗|