es6箭頭函式

2022-03-25 18:09:04 字數 836 閱讀 9282

一：箭頭函式的格式

a：一種為只有一條語句，可以省略{}和return。

x => x * x;
相當於：

function（x）
b：一種為多條語句，不可以省略{}和return。

x => 


return 2;


}
相當於：

function（x）


return 2;


}
注意：a.當無引數時或有多個引數時，需要用括號（）括起來。

（x, y）=> x + y;
b.當省略{}和return時，返回了乙個物件，物件要用括號（）括起來。

x=> （）;
二：箭頭函式的this

a.箭頭函式沒有自己的 this，其內部的 this 繫結到它的外圍作用域。物件內部的箭頭函式若有this，則指向物件的外圍作用域。

window.color = "red";


//let 宣告的全域性變數不具有全域性屬性，即不能用window.訪問


let color = "green";


let obj = 


};let saycolor = () => ;


obj.getcolor();//red


saycolor();//red

window.color = "red";

let color = "green";

let obj = ;

let saycolor = () => ;

es6箭頭函式

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

es6 箭頭函式

1.單引數 function cheng a 3 let cheng a 3 a a console.log cheng 9 2.多引數 function add a,b let add a,b a b 預設返回值 console.log add 3,9 3.無返回值 function add a,...

ES6 箭頭函式

es6 中，箭頭函式就是函式的一種簡寫形式，使用括號包裹數，跟隨乙個 緊接著是函式體 var getprice function 箭頭函式 var getprice 9.15 箭頭函式不僅僅是讓 變得簡潔，函式中 this 總是繫結總shi 指向物件自身 function person 1000 使...