es6基礎0x007：展開

RyanQ 發布于2019-08-23 13:02 / 2760人閱讀

摘要：概述展開符號真的是一個非常好用的東西，我常用于字符串分割數組合并數組拷貝對象合并對象拷貝。

0x000 概述

展開符號真的是一個非常好用的東西，我常用于字符串分割、數組合并、數組拷貝、對象合并、對象拷貝。

0x001 語法

...iterableObj

0x002 函數調用的時候參數展開

這是在函數調用的時候，將參數展開，和剩余參數有區別，剩余參數是在函數聲明中使用

myFunction(...iterableObj);

案例

function add(a, b){
    return a + b
}
add(...[1,2]) // 相當于 add(1,2) -> 3

0x003 數組聲明展開

可用于數組合并

[...[1,2,3],4] // 相當于[1,2,3].push(4) -> [1,2,3,4]
[..."1234"] // 相當于 "1234".split("")

0x004 對象展開

可用于對象合并、對象拷貝

{...{name:1},age:2} // 相當于 Objeact.assign({},{name:1},{age:2}) -> {name:1,age:2}
{...{name:1}} // 相當于 Object.assign({},{name:1}) -> {name:1}

0x005 babel 翻譯

字符串/數組展開

源碼

[..."1234"]

翻譯后

function _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } }

[].concat(_toConsumableArray("1234"));

對象展開

源碼

let a={...{name:1}}

翻譯后

var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };

var a = _extends({ name: 1 });

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

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

es6基礎0x015：for...of

摘要：概述是一個迭代可迭代對象的方式，可迭代對象包括對象等等語法迭代數組迭代字符串迭代迭代迭代迭代集合總結只能迭代可迭代對象 0x000 概述 for...of是一個迭代可迭代對象的方式，可迭代對象包括Array、Map、Set、String、TypedArray、arguments 對象等等 0x001 語法 for(variable of iterable){ // statem...

luxixing 2019-08-23 13:12 評論0 收藏0
es6基礎0x012：Map

摘要：概述也是一個新的數據結構，在中其實也經常用到，比如下面的栗子，我們經常這么使用一個對象，與其說他是對象，其實他更像一個，但是比起真正的，這個還是有點弱了，初始化初始化一個有一個可選的參數，該參數必須是一個可迭代對象，可迭代對象包括和用戶定 0x000 概述 Map也是一個新的數據結構，在js中其實也經常用到，比如下面的栗子，我們經常這么使用一個對象，與其說他是對象，其實他更像一個Map...

DesGemini 2019-08-23 13:09 評論0 收藏0
es6基礎0x021：反射

摘要：概述反射說起來和上一章節的代理基本一樣，只是使用的方式不同，設計理念也不同。 0x000 概述反射說起來和上一章節的代理基本一樣，只是使用的方式不同，設計理念也不同。反射提供了一系列的靜態函數，可以使用Reflect.function_name(...prams)調用，這一系列的方法和代理的處理器對象方法一致 0x001 apply 語法 Reflect.apply(targ...

booster 2019-08-26 13:21 評論0 收藏0
es6基礎0x009：模板字符串

摘要：概述模板字符串出來以后，單引號雙引號哪個好的爭論可以退出歷史舞臺的，模板字符串的最好語法單行文本多行文本內嵌表達式標簽語法不太喜歡單行文本完全不單引號和雙引號，當然，轉義是不可避免的，有所得必有所失去嘛多行文本，也不用關系換行的編碼轉化問題 0x000 概述模板字符串出來以后，單引號、雙引號哪個好的爭論可以退出歷史舞臺的，模板字符串的`最好！ 0x001 語法單行文本 `str...

zhaochunqi 2019-08-23 13:07 評論0 收藏0
es6基礎0x011：Set

摘要：概述是一個新的數據結構，和其他語言的特性差不多，當然，作為中的，他還是有一些屬于的特點。 0x000 概述 Set是一個新的數據結構，和其他語言的特性差不多，當然，作為js中的Set，他還是有一些屬于js的特點。 0x001 初始化 new Set([iterable]); 初始化一個Set有一個可選的參數，這個參數必須是一個可迭代的對象，可迭代對象包括String、Array、Arr...

jsyzchen 2019-08-23 13:09 評論0 收藏0