Es6 箭頭函式

2022-03-25 03:05:37 字數 1017 閱讀 5113

function cheng(a=3)

let cheng= (a=3)=>a*a;

console.log(cheng(9));

function

add(a,b)

let add = (a,b)=>a+b;   //

預設返回值

console.log(add(3,9));

function

add(a,b)

let add = (a,b)=>;

console.log(add(3,9));

function

add(a,b)

let add = (a,b)=>;

console.log(add(3,9));

2.如果箭頭表示式僅僅就是簡化了函式的命名,我們為什麼要改變原來的習慣而去使用它呢?

箭頭函式內部沒有constructor方法,也沒有prototype,所以不支援new操作。

但是它對this的處理與一般的普通函式不一樣。

箭頭函式的 this 始終指向函式定義時的this,而非執行時。

箭頭函式不能用作建構函式,因為它沒有自己的this,無法例項化;

也是因為箭頭函式沒有自己的this,所以箭頭函式 內也不存在arguments物件。(可以用擴充套件運算子代替)

var o =,

test : function() ,

1000

); }

};o.test();

//typeerror : this.func is not a function

var o =,

test : 

function

() , 100);

}};o.test();    

//這回this就指向o了

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 使...