ES6 函式優化

2022-10-10 19:51:15 字數 1036 閱讀 2127

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

function add(a , b) 


//傳乙個引數


console.log(add(10));
現在可以這麼寫：

function add(a , b = 1


) //


傳乙個引數


console.log(add(10));
es6中定義函式的簡寫方式：

乙個引數時：

var print =function (obj) 


//簡寫為：


var print2 = obj => console.log(obj);
多個引數：

//


兩個引數的情況：


var sum =function (a , b) 


//簡寫為：


var sum2 = (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)
如果用箭頭函式和解構表示式

var hi = () =>  console.log("


hello,


" + name);
結果：

Es6之函式優化

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

es6箭頭函式

本例是在了解es6知識後在原來定義函式的基礎上進行理解var searchvalue 查詢匹配物件 var button var input var select button if searchvalue.input undefined button.click else 重新整理 tableli...

ES6 函式擴充套件

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