一些ES6新姿勢(shì)

Yujiaao 發(fā)布于2019-08-21 17:01 / 3499人閱讀

摘要：原文對(duì)象屬性分配在處理對(duì)象的時(shí)候，你可能需要把多個(gè)對(duì)象合在一起，新的函數(shù)可以簡(jiǎn)潔地做到這件事。對(duì)象合并我們的目標(biāo)是把行的對(duì)象合并為一個(gè)對(duì)象。需要注意的是只返回符合要求的第一個(gè)元素。行是返回第一個(gè)找到元素的索引，沒(méi)有對(duì)應(yīng)方法。

原文: Javascript ES6?—?Exploring the New Built-In Methods

對(duì)象屬性分配

在處理對(duì)象的時(shí)候，你可能需要把多個(gè)對(duì)象合在一起，新的 Object.assign()函數(shù)可以簡(jiǎn)潔地做到這件事。

對(duì)象合并

我們的目標(biāo)是把2-4行的對(duì)象合并為一個(gè)對(duì)象。ES5的話你需要循環(huán)幾個(gè)對(duì)象然后把屬性賦值到目標(biāo)對(duì)象，但是在ES6你只需要一行代碼（15行）。
合并有相同屬性的對(duì)象會(huì)發(fā)生什么情況？請(qǐng)看↓

合并有相同屬性的對(duì)象

你也可以用 Object.assign()來(lái)克隆對(duì)象

查找數(shù)組元素

對(duì)于數(shù)組我們經(jīng)常會(huì)查找其中是否有某個(gè)元素，在ES6有兩個(gè)數(shù)組的新方法find()和findIndex()。需要注意的是find()只返回符合要求的第一個(gè)元素。那么我們看看ES6的新方法和相同效果在ES5怎么寫。

第7行和12行想過(guò)一樣，12行的ES6版看起來(lái)就簡(jiǎn)單很多。14行是返回第一個(gè)找到元素的索引，ES5沒(méi)有對(duì)應(yīng)方法。

字符串重復(fù)

ES6新增String.repeat()

字符串查找

ES6有三個(gè)新方法幫助開(kāi)發(fā)者在字符串中查找關(guān)鍵字，分別是String. startsWith()、endsWith()、includes()。我十分喜歡這幾個(gè)方法，真是受夠用低效還容易出錯(cuò)的indexOf()了。

Number類型檢查

檢查有限數(shù)的方法Number.isFinite()，以及檢查NaN的方法Number.isNaN()

有兩點(diǎn)需要注意：

Number.isNaN()和全局的isNaN()的區(qū)別，請(qǐng)點(diǎn)擊這里和這里

無(wú)限實(shí)際上不是真正的無(wú)限，而是一個(gè)代表無(wú)限的值。實(shí)際上這個(gè)值是1.797693134862315E+308。負(fù)無(wú)限則是-1.797693134862315E+308。

判定數(shù)值正負(fù)

Math.sign(),結(jié)果包括NaN和-0。

GPU云服務(wù)器云服務(wù)器 es6新特性 es6的新特性拍照姿勢(shì) 正確姿勢(shì)

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

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

相關(guān)文章

Babel 7 轉(zhuǎn)碼的正確姿勢(shì)

摘要：轉(zhuǎn)碼的配置是每位前端童鞋在日常工作中都會(huì)遇到的。簡(jiǎn)單點(diǎn)來(lái)說(shuō)就是在轉(zhuǎn)碼過(guò)程中，對(duì)于一些新語(yǔ)法，都會(huì)抽象一個(gè)個(gè)小的函數(shù)，在轉(zhuǎn)碼過(guò)程中完成替換。以上即是我總結(jié)的轉(zhuǎn)碼姿勢(shì)，如果對(duì)本篇有疑問(wèn)或建議，歡迎在這里提出。 Babel 轉(zhuǎn)碼的配置是每位前端童鞋在日常工作中都會(huì)遇到的。剛開(kāi)始我也是在網(wǎng)上搜索各種配置方法，升級(jí)到 Babel 7 的時(shí)候又折騰了一把，所以決定把自己的心得和理解記錄下來(lái)，希望能...

JohnLui 2019-08-26 14:01 評(píng)論0 收藏0
這一次，我們換種姿勢(shì)學(xué)習(xí) javascript

摘要：操作符或調(diào)用函數(shù)時(shí)傳入?yún)?shù)的操作都會(huì)導(dǎo)致關(guān)聯(lián)作用域的賦值操作。此外可以使用和來(lái)設(shè)置對(duì)象及其屬性的不可變性級(jí)別。忽視這一點(diǎn)會(huì)導(dǎo)致許多問(wèn)題。使用調(diào)用函數(shù)時(shí)會(huì)把新對(duì)象的屬性關(guān)聯(lián)到其他對(duì)象。前言《你不知道的 javascript》是一個(gè)前端學(xué)習(xí)必讀的系列，讓不求甚解的JavaScript開(kāi)發(fā)者迎難而上，深入語(yǔ)言內(nèi)部，弄清楚JavaScript每一個(gè)零部件的用途。本書(shū)介紹了該系列的兩個(gè)主題：...

zone 2019-08-26 11:54 評(píng)論0 收藏0
數(shù)組去重的正確編寫姿勢(shì)

摘要：引言數(shù)組去重是前端面試的一個(gè)必備題目，其具體表現(xiàn)內(nèi)容為怎樣去掉的的重復(fù)項(xiàng)。一般姿勢(shì)使用數(shù)組的方法可以很簡(jiǎn)單的達(dá)到目的。所以這算是委曲求全的一種中庸姿勢(shì)。改編自劉春龍博客中的文章中數(shù)組去重問(wèn)題引言數(shù)組去重是前端面試的一個(gè)必備題目，其具體表現(xiàn)內(nèi)容為：怎樣去掉Javascript的Array的重復(fù)項(xiàng)。問(wèn)題簡(jiǎn)單直接，咱們也廢話不多說(shuō)，直入主題吧。一般姿勢(shì) 使用數(shù)組的indexOf()方法...

G9YH 2019-08-21 10:47 評(píng)論0 收藏0
React中元素與組件的區(qū)別

摘要：組件中有三種構(gòu)建組件的方式。元素與組件的區(qū)別組件是由元素構(gòu)成的。元素?cái)?shù)據(jù)結(jié)構(gòu)是普通對(duì)象，而組件數(shù)據(jù)結(jié)構(gòu)是類或純函數(shù)。使用才是操作元素的正確姿勢(shì)。使用元素可以讓用戶傳入自定義組件的同時(shí)，為組件添加屬性。在初學(xué) React 的時(shí)候，分不清 React 組件和 React 元素，著實(shí)踩了一些坑。搞清楚 React 中什么是組件，什么是元素，既可以理清楚概念，也可以讓你避免一些不必要的錯(cuò)誤。...

lifesimple 2019-08-20 14:49 評(píng)論0 收藏0
如何在ES5與ES6環(huán)境下處理函數(shù)默認(rèn)參數(shù)

摘要：函數(shù)默認(rèn)值是一個(gè)很提高魯棒性的東西就是讓程序更健壯關(guān)于函數(shù)默認(rèn)參數(shù)的描述函數(shù)默認(rèn)參數(shù)允許在沒(méi)有值或被傳入時(shí)使用默認(rèn)形參。也就實(shí)現(xiàn)了上邊三元運(yùn)算符的功能。直接使用這種方式，省去了在函數(shù)內(nèi)部進(jìn)行默認(rèn)值的檢查，能夠讓函數(shù)專注的做它應(yīng)該做的事情。函數(shù)默認(rèn)值是一個(gè)很提高魯棒性的東西（就是讓程序更健壯）MDN關(guān)于函數(shù)默認(rèn)參數(shù)的描述：函數(shù)默認(rèn)參數(shù)允許在沒(méi)有值或undefined被傳入時(shí)使用默認(rèn)形參...

oliverhuang 2019-08-22 17:10 評(píng)論0 收藏0