ES6 基本函式擴充套件

2021-09-18 04:06:38 字數 2349 閱讀 4590

主要增加對大於0xffff的碼點的支援:

for...of迴圈遍歷

var text = string.fromcodepoint(0x20bb7);

for (let i = 0; i < text.length; i++)

// " "

// " "

for (let i of text)

這個遍歷器最大的優點是可以識別大於0xffff的碼點

there are$items

in your basket, $

are on sale!

`);

模板字串(template string)是增強版的字串,用反引號(`)標識。它可以當作普通字串使用,也可以用來定義多行字串,或者在字串中嵌入變數。

重要應用,

tag`hello $ world $`;

//等價於下面

tag(['hello ', ' world ', ''], 15, 50)

i18n`welcome to $, you are visitor number $!`

string.raw方法,往往用來充當模板字串的處理函式,返回乙個斜槓都被轉義(即斜槓前面再加乙個斜槓)的字串,對應於替換變數後的模板字串。

string.raw方法可以作為處理模板字串的基本方法,它會將所有變數替換,而且對斜槓進行轉義,方便下一步作為字串來使用。

string.raw方法也可以作為正常的函式使用。這時,它的第乙個引數,應該是乙個具有raw屬性的物件,且raw屬性的值應該是乙個陣列。

es6提供了二進位制和八進位制數值的新的寫法,分別用字首0b(或0b)和0o(或0o)表示。

0b111110111 === 503 // true

0o767 === 503 // true

number新增方法:

math新增方法

也新增下列函式

對數方法

三角函式方法

指數運算子

傳統方法先呼叫number()將非數值的值轉為數值,再進行判斷,而這兩個新方法只對數值有效,非數值一律返回false

array.from()

array.from方法用於將兩類物件轉為真正的陣列

常見的類似陣列的物件是dom操作返回的nodelist集合,以及函式內部的arguments物件。array.from都可以將它們轉為真正的陣列。

// nodelist物件

let ps = document.queryselectorall('p');

array.from(ps).foreach(function (p) );

array.of()

array.of方法用於將一組值,轉換為陣列。

array() // 

array(3) // [, , ,] 引數個數只有乙個時,實際上是指定陣列的長度。

array(3, 11, 8) // [3, 11, 8]

array.of基本上可以用來替代array()new array(),並且不存在由於引數不同而導致的過載。它的行為非常統一。

copywithin()

陣列例項的copywithin方法,在當前陣列內部,將指定位置的成員複製到其他位置(會覆蓋原有成員),然後返回當前陣列。

find()和findindex()

陣列例項的find方法,用於找出第乙個符合條件的陣列成員。

fill()

fill方法使用給定值,填充乙個陣列。 用於空陣列的初始化非常方便。

entries(),keys()和values()

es6提供三個新的方法——entries()keys()values()——用於遍歷陣列。它們都返回乙個遍歷器物件

includes()

返回乙個布林值,表示某個陣列是否包含給定的值,該方法屬於es7,但babel轉碼器已經支援。

ES6 函式擴充套件

函式在js裡是相當重要的一部分了,es6裡也新增了一些函式方法,來看一下 test hello hello world test hello kill hello kill es6增加了函式引數預設值,可以直接在宣告引數的同時賦預設值,但是也可以後面重新賦值 test2 kill 括號內有引數x時,...

ES6函式擴充套件

函式引數的預設值 在es5中,我們想給函式乙個預設值,需要這樣寫 function add x,y 在es6中 可以這樣寫 function add x,y ss add dd ddss add ss dd ssdd add dd dd我們只需要在引數上直接寫上我們想要的預設值就好了。當我們給函式乙...

ES6函式擴充套件

function fun a,b world fun hello 輸出helloworld let a aa function fun a,b a fun bb function fun arg fun 1,2,3,4,1 語法 param param 對應函式 function 沒有引數 乙個引數...