es6之函式擴充套件與物件擴充套件

2022-05-07 00:45:11 字數 1336 閱讀 7671

一、函式擴充套件

1、引數預設值

引數有預設值,後面不可以再加沒有預設值的變數。如以下test函式中,不可以加寫成

function test(x,y="word",z)

test("lala"); //lala word

test("lala","你好啊"); //lala 你好啊

2、作用域的問題

//作用域的問題

let x="test";

function test2(x,y=x)

test2("kill"); //kill kill

test2() //undefined undefined

function test3(c,y=x)

test3("kill"); //kill test

3、引數問題 

...arg後不可再加引數

function test4(...arg)

}test4(1,2,3,4,"a"); //1,2,3,4,a

console.log("a",...[1,2,3]); //a 1 2 3

4、偽呼叫  主要用於提公升效能

//偽呼叫

function trail(x)

function fx(x)

fx(123);

二、物件擴充套件  

1、簡潔表示法

//簡潔表示法

let o=1;let k=2;

let es5=;

let es6=

console.log(es5,es6);

let es5_method=

}let es6_methods=

}console.log(es5_method.hello(),es6_methods.hello());

2、屬性表示式

//屬性表示式

let a="b";

let es5_obj=

let es6_obg=

console.log(es5_obj,es6_obg);

3、新增api

//新增api

console.log("字串",object.is("abc","abc"),"abc"==="abc"); //true true

console.log("陣列",object.is(,),===); //false false

console.log("拷貝",object.assign(,)); //a:"a",b:"b"

es6之函式擴充套件

預設值 let defaulta x,y 5,c x y c console.log defaulta 1,2,3 6console.log defaulta 1,2 nan let defaulta x,y,c 4 x y c console.log defaulta 1,2 7 有預設值的作用域...

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我們只需要在引數上直接寫上我們想要的預設值就好了。當我們給函式乙...