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

資訊專欄INFORMATION COLUMN

es6 -- 默認(rèn)參數(shù)Default，不定參數(shù)Rest，擴(kuò)展運(yùn)算符Spread詳解

Betta / 2317人閱讀

摘要：將數(shù)組中的每個元素展開為函數(shù)參數(shù)擴(kuò)展運(yùn)算符取代方法的一個實(shí)際的例子，應(yīng)用方法，簡化求出一個數(shù)組最大元素的寫法。

歡迎訪問我的個人博客：http://www.xiaolongwu.cn

前言

記錄一下在實(shí)際開發(fā)中，很有用的三個es6的新方法

用法詳解
默認(rèn)參數(shù)
function f(x, y=13) {
  // 如果沒有傳入y或傳入了undefined，y的默認(rèn)值為13
  return x + y;
}
f(5) // 18
不定參數(shù)Rest

不定參數(shù)rest，讓我們不再需要arguments，從而避免很多麻煩

function f(x, ...r) {
  // y是一個數(shù)組
  console.log(r);  //["h", true]
  return x * r.length;
}
f(4, "h", true) // 8
擴(kuò)展運(yùn)算符

1、展開運(yùn)算符，展開函數(shù)的參數(shù)。

function f(x, y, z) {
  return x + y + z;
}
// 將數(shù)組中的每個元素展開為函數(shù)參數(shù)
f(...[3,5,7]) //  15

2、擴(kuò)展運(yùn)算符取代apply方法的一個實(shí)際的例子，應(yīng)用Math.max方法，簡化求出一個數(shù)組最大元素的寫法。

// ES5 的寫法
Math.max.apply(null, [14, 3, 77])
 
// ES6 的寫法
Math.max(...[14, 3, 77])
 
// 等同于
Math.max(14, 3, 77);

3、通過push函數(shù)，將一個數(shù)組添加到另一個數(shù)組的尾部

// ES5的 寫法
var arr1 = [0, 1, 2];
var arr2 = [3, 4, 5];
Array.prototype.push.apply(arr1, arr2);
 
// ES6 的寫法
var arr1 = [0, 1, 2];
var arr2 = [3, 4, 5];
arr1.push(...arr2);

4、擴(kuò)展運(yùn)算符將字符串轉(zhuǎn)為真正的數(shù)組

[..."leon"]

// [ "l", "e", "o", "n"]

5、合并數(shù)組更加簡單

// ES5
[11, 2].concat([4,5])

// ES6
[11, 2, ...[4,5]]
 
 
 //多個的寫法
var arr1 = ["a", "b"];
var arr2 = ["c"];
var arr3 = ["d", "e"];
 
// ES5的合并數(shù)組
arr1.concat(arr2, arr3);
// [ "a", "b", "c", "d", "e" ]
 
// ES6的合并數(shù)組
[...arr1, ...arr2, ...arr3]
// [ "a", "b", "c", "d", "e" ]

我的github資源地址：es6 -- 默認(rèn)參數(shù)Default，不定參數(shù)Rest，擴(kuò)展運(yùn)算符Spread詳解

我的CSDN博客地址：https://blog.csdn.net/wxl1555

如果您對我的博客內(nèi)容有疑惑或質(zhì)疑的地方，請在下方評論區(qū)留言，或郵件給我，共同學(xué)習(xí)進(jìn)步。

郵箱：wuxiaolong802@163.com

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

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

相關(guān)文章

  • ES6 ...操作符

    摘要：在語法中，操作符有兩種意義剩余語法，參數(shù)和展開語法，展開數(shù)組對象，作為函數(shù)數(shù)組對象的擴(kuò)展運(yùn)算符。使用和參數(shù)進(jìn)行操作其余參數(shù)傳給原始函數(shù)展開語法運(yùn)算則可以看作是參數(shù)的逆運(yùn)算。 在ES6語法中，...操作符有兩種意義：rest(剩余語法，rest參數(shù)) 和 spread(展開語法，展開數(shù)組/對象)，作為函數(shù)、數(shù)組、對象的擴(kuò)展運(yùn)算符。 從某種意義上說，剩余語法與展開語法是相反的：剩余語法將多...

    MorePainMoreGain 評論0 收藏0

  • es6的解構(gòu)賦值、擴(kuò)展運(yùn)算符、rest參數(shù)使用

    摘要：模板字符串甚至還能嵌套解構(gòu)賦值允許按照一定模式，從數(shù)組和對象中提取值，對變量進(jìn)行賦值，這被稱為解構(gòu)。運(yùn)算符使用場景應(yīng)該稍少一些，主要是處理不定數(shù)量參數(shù)，可以避免對象的使用。 es6中較為常用的書寫風(fēng)格 為了書寫的方便，es6中提出了很多比較友好的書寫方式，其中最為常見的屬于以下幾個： 字符串模板 `abcdef${test}` 解構(gòu)賦值 let [a, b, c] = [1,...

    xuweijian 評論0 收藏0

  • ES6—擴(kuò)展運(yùn)算符和rest運(yùn)算符（6）

    摘要：擴(kuò)展運(yùn)算符簡介擴(kuò)展運(yùn)算符是三個點(diǎn)，可以將一個數(shù)組轉(zhuǎn)為用逗號分隔的參數(shù)序列。在實(shí)際項(xiàng)目中靈活應(yīng)用擴(kuò)展運(yùn)算符運(yùn)算符，能寫出更精簡易讀性高的代碼。 1、擴(kuò)展運(yùn)算符簡介 擴(kuò)展運(yùn)算符（ spread ）是三個點(diǎn)（...），可以將一個數(shù)組轉(zhuǎn)為用逗號分隔的參數(shù)序列。 說的通俗易懂點(diǎn)，有點(diǎn)像化骨綿掌，把一個大元素給打散成一個個單獨(dú)的小元素。 showImg(https://segmentfault.c...

    Amio 評論0 收藏0

  • ES6 變量聲明與賦值：值傳遞、淺拷貝與深拷貝詳解

    摘要：變量聲明與賦值值傳遞淺拷貝與深拷貝詳解歸納于筆者的現(xiàn)代開發(fā)語法基礎(chǔ)與實(shí)踐技巧系列文章。變量聲明在中，基本的變量聲明可以用方式允許省略，直接對未聲明的變量賦值。按值傳遞中函數(shù)的形參是被調(diào)用時所傳實(shí)參的副本。 ES6 變量聲明與賦值：值傳遞、淺拷貝與深拷貝詳解歸納于筆者的現(xiàn)代 JavaScript 開發(fā)：語法基礎(chǔ)與實(shí)踐技巧系列文章。本文首先介紹 ES6 中常用的三種變量聲明方式，然后討論了...

    snowLu 評論0 收藏0

  • 學(xué)習(xí)ES6 變量的解構(gòu)賦值

    摘要：變量的解構(gòu)賦值數(shù)組的解構(gòu)賦值允許寫成下面這樣本質(zhì)上，這種寫法屬于模式匹配，只要等號兩邊的模式相同，左邊的變量就會被賦予對應(yīng)的值。對象的解構(gòu)賦值對象的解構(gòu)與數(shù)組有一個重要的不同。由于和無法轉(zhuǎn)為對象，所以對他們進(jìn)行解構(gòu)賦值，都會報錯。 變量的解構(gòu)賦值 數(shù)組的解構(gòu)賦值 let a = 1; let b = 2; let c = 3; ES6允許寫成下面這樣 let [a,b,c] = [1,...

    sugarmo 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<