es6中引數 預設值,擴充套件運算子

2022-07-16 13:12:12 字數 1391 閱讀 5898

1、普通引數

function info(age,name="grace")

info(); //輸入:grace

2、物件引數【引數為物件時,不輸入任何引數,需要進行處理】

//handling named parameters【tip:引數name與傳遞進來的物件中的屬性名name需要一一對應】

function selectentries()

selectentries();//結果:jane

//selectentries();//error: cannot match against 'undefined' or 'null'.針對這一問題給出下面函式的處理方案

function selectentries2(={})

selectentries2();//結果:lea

1、基本用法【函式傳參】

//2、from arguments to rest parameters【...】

function allargs(...args)

}allargs(2,3,4,5);

2、math中的應用

const max1 = math.max.call(null,-1,5,11,3);

//es6

const max2 = math.max(...[-1, 5, 11, 3]);

console.log(max2); //結果:11

3、陣列的push

//向乙個陣列新增乙個陣列的資料【改變原陣列】

let arr = ['lea'];

arr.push('joa','pia');//新增單個值

console.log(arr);//結果:[ 'lea', 'joa', 'pia' ]

//es5

console.log(arr);//結果:[ 'lea', 'joa', 'pia', 'a', 'b' ]

//es6

arr.push(...['a','b']);//將陣列解析為多個值

console.log(arr);//結果:[ 'lea', 'joa', 'pia', 'a', 'b', 'a', 'b' ]

4、合併陣列

//合併陣列

let arr = ['lea'];

//es5 concat,【返回新的陣列,不影響原陣列】

console.log(arr.concat([2,4]));//結果:[ 'lea', 2, 4 ]

//es6

console.log([

...arr,...['cd']

]);//結果:[ 'lea', 'cd' ]

ES6函式擴充套件(函式引數預設值)

一 函式的預設引數基本使用方法function test x,y hello test winne 函式引數 winne hello test winne hi 函式引數 winne hi如上 我們可以看出,當函式引數有了預設值可以不傳入那個引數,那麼就直接使用預設的引數。注意 引數變數是預設宣告的...

ES6 函式擴充套件(函式引數預設值)

es6 之前,不能直接為函式的引數指定預設值,只能採用變通的方法。function log x,y log hello hello world log hello china hello china log hello hello world面 檢查函式log的引數y有沒有賦值,如果沒有,則指定預設...

ES6中函式的擴充套件(函式引數預設值)

es6允許為函式的引數設定預設值,即直接寫在引數定義的後面。function log x,y world log hello hello world log hello china hello china log hello hello function point x 0,y 0 const p ...