亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

分享ES6的7個實用技巧

 更新時間:2018年01月18日 10:59:36   投稿:mrr  
本文給大家分享了es6的7個實用技巧,非常不錯,具有參考借鑒價值,感興趣的朋友一起學習吧

Hack #1 交換元素

利用 數(shù)組解構來實現(xiàn)值的互換

let a = 'world', b = 'hello'
[a, b] = [b, a]
console.log(a) // -> hello
console.log(b) // -> world

Hack #2 調(diào)試

我們經(jīng)常使用 console.log()來進行調(diào)試,試試 console.table()也無妨。

const a = 5, b = 6, c = 7
console.log({ a, b, c });
console.table({a, b, c, m: {name: 'xixi', age: 27}});

Hack #3 單條語句

ES6時代,操作數(shù)組的語句將會更加的緊湊

// 尋找數(shù)組中的最大值
const max = (arr) => Math.max(...arr);
max([123, 321, 32]) // outputs: 321
// 計算數(shù)組的總和
const sum = (arr) => arr.reduce((a, b) => (a + b), 0)
sum([1, 2, 3, 4]) // output: 10

Hack #4 數(shù)組拼接

展開運算符可以取代 concat的地位了

const one = ['a', 'b', 'c']
const two = ['d', 'e', 'f']
const three = ['g', 'h', 'i']
const result = [...one, ...two, ...three]

Hack #5 制作副本

我們可以很容易的實現(xiàn)數(shù)組和對象的 淺拷貝

const obj = { ...oldObj }
const arr = [ ...oldArr ]

Hack #6 命名參數(shù)👍👍👍

解構使得函數(shù)聲明和函數(shù)的調(diào)用更加可讀

// 我們嘗嘗使用的寫法
const getStuffNotBad = (id, force, verbose) => {
 ...do stuff
}
// 當我們調(diào)用函數(shù)時, 明天再看,尼瑪 150是啥,true是啥
getStuffNotBad(150, true, true)
// 看完本文你啥都可以忘記, 希望夠記住下面的就可以了
const getStuffAwesome = ({id, name, force, verbose}) => {
 ...do stuff
}
// 完美
getStuffAwesome({ id: 150, force: true, verbose: true })

Hack #7 Async/Await結合數(shù)組解構

數(shù)組解構非常贊!結合 Promise.all和 解構和 await會使代碼變得更加的簡潔

const [user, account] = await Promise.all([
 fetch('/user'),
 fetch('/account')
])

總結

以上所述是小編給大家介紹的分享ES6的7個實用技巧,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!

相關文章

  • TensorFlow.js 微信小程序插件開始支持模型緩存的方法

    TensorFlow.js 微信小程序插件開始支持模型緩存的方法

    這篇文章主要介紹了TensorFlow.js 微信小程序插件開始支持模型緩存的方法,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧
    2020-02-02
  • jsTree使用記錄實例

    jsTree使用記錄實例

    本文通過實例給大家詳細介紹了jstree的使用技巧,需要的朋友可以參考下本文
    2016-12-12
  • URLSearchParams快速解析URL查詢參數(shù)實現(xiàn)

    URLSearchParams快速解析URL查詢參數(shù)實現(xiàn)

    這篇文章主要為大家介紹了URLSearchParams快速解析URL查詢參數(shù)實現(xiàn),有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
    2023-06-06
  • js貪心算法 錢幣找零問題代碼實例

    js貪心算法 錢幣找零問題代碼實例

    這篇文章主要介紹了js貪心算法 錢幣找零問題代碼實例,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下
    2019-09-09
  • JS簡單實現(xiàn)表格排序功能示例

    JS簡單實現(xiàn)表格排序功能示例

    這篇文章主要介紹了JS簡單實現(xiàn)表格排序功能,涉及javascript針對頁面元素的遍歷、判斷與排序相關操作技巧,需要的朋友可以參考下
    2016-12-12
  • JavaScript實現(xiàn)單擊網(wǎng)頁任意位置打開新窗口與關閉窗口的方法

    JavaScript實現(xiàn)單擊網(wǎng)頁任意位置打開新窗口與關閉窗口的方法

    這篇文章主要介紹了JavaScript實現(xiàn)單擊網(wǎng)頁任意位置打開新窗口與關閉窗口的方法,涉及javascript窗口的相關操作函數(shù)與使用技巧,需要的朋友可以參考下
    2017-09-09
  • js將html頁面轉(zhuǎn)為pdf兩種方法

    js將html頁面轉(zhuǎn)為pdf兩種方法

    最近遇到的需求,把html轉(zhuǎn)成pdf文件下載導出,下面這篇文章主要給大家介紹了關于js將html頁面轉(zhuǎn)為pdf的兩種方法,文中給出了詳細的代碼示例,需要的朋友可以參考下
    2023-08-08
  • js+ajax實現(xiàn)獲取文件大小的方法

    js+ajax實現(xiàn)獲取文件大小的方法

    這篇文章主要介紹了js+ajax實現(xiàn)獲取文件大小的方法,涉及JavaScript調(diào)用ajax交互及后臺C#文件操作的相關技巧,需要的朋友可以參考下
    2015-12-12
  • 幾個有趣的Javascript Hack

    幾個有趣的Javascript Hack

    在網(wǎng)上看到幾個有意思的Javascript代碼,和大家分享一下。直接將代碼拷貝到IE中即可,注意代碼為一樣。不可分行
    2010-07-07
  • 我所理解的JavaScript中的this指向

    我所理解的JavaScript中的this指向

    這篇文章主要介紹了JavaScript中this指向的相關資料,幫助大家更好的理解和學習JavaScript,感興趣的朋友可以了解下
    2020-09-09

最新評論