Es6之函式優化

2021-10-03 05:27:08 字數 1386 閱讀 2245

函式引數預設值

在es6以前,我們無法給乙個函式引數設定預設值,只能採用變通寫法:

function

add(a , b)

// 傳乙個引數

console.

log(

add(10)

);

現在可以這麼寫:

function

add(a , b =1)

// 傳乙個引數

console.

log(

add(10)

);

箭頭函式

es6中定義函式的簡寫方式:

乙個引數時:

var

print

=function

(obj)

// 簡寫為:

varprint2

= obj => console.

log(obj)

;

多個函式時:

// 兩個引數的情況:

varsum

=function

(a , b)

// 簡寫為:

varsum2

=(a,b)

=> a+b;

**不止一行,可以用{}括起來

var

sum3

=(a,b)

=>

物件的函式屬性簡寫

比如乙個person物件,裡面有eat方法:

let person =

,// 箭頭函式版:

eat2: food => console.

log(person.name +

"在吃"

+ food)

,// 這裡拿不到this

// 簡寫版:

eat3

(food)

}

箭頭函式結合解構表示式

比如有乙個函式:

const person =

function

hello

(person)

如果用箭頭函式和解構表示式

varhi=

()=> console.

log(

"hello,"

+ name)

;

ES6 函式優化

在es6以前,我們無法給乙個函式引數設定預設值,只能採用變通寫法 function add a b 傳乙個引數 console.log add 10 現在可以這麼寫 function add a b 1 傳乙個引數 console.log add 10 es6中定義函式的簡寫方式 乙個引數時 var...

ES6之箭頭函式

一 基本用法 es6 允許使用 箭頭 定義函式。var f 5 等同於 var f function var sum num1,num2 num1 num2 等同於 var sum function num1,num2 如果箭頭函式的 塊部分多於一條語句,就要使用大括號將它們括起來,並且使用retu...

ES6 之函式篇

函式引數預設值 function welcome x,y world welcome hello hello world welcome hello china hello china welcome hello helloes6 允許為函式的引數設定預設值,即直接寫在引數定義的後面。定義了預設值的...