首頁猿問 “箭頭功能&rdquo...

“箭頭功能”和“功能”是等效/可交換的嗎？

JavaScript JQuery Vue.js

繁星淼淼 2019-05-21 13:34:41

“箭頭功能”和“功能”是等效/可交換的嗎？ES2015中的箭頭功能提供了更簡潔的語法。我現在可以用箭頭功能替換所有函數聲明/表達式嗎？我需要注意什么？例子：構造函數function User(name) { this.name = name;}// vsconst User = name => { this.name = name;};原型方法User.prototype.getName = function() { return this.name;};// vsUser.prototype.getName = () => this.name;對象（文字）方法const obj = { getName: function() { // ... }};// vsconst obj = { getName: () => { // ... }};回調setTimeout(function() { // ...}, 500);// vssetTimeout(() => { // ...}, 500);變量函數function sum() { let args = [].slice.call(arguments); // ...}// vsconst sum = (...args) => { // ...};

查看完整描述

3 回答

縹緲止盈

TA貢獻2041條經驗獲得超4個贊

看看這個Plnkr的例子

每次調用按鈕時，變量的增量this都是非常不同的timesCalled增量。這回答了我的個人問題：

.click( () => { } )

和

.click(function() { })

從Plnkr中的Guid計數可以看出，在循環中使用時都會創建相同數量的函數。

反對回復 2019-05-21

吃雞游戲

TA貢獻1829條經驗獲得超7個贊

JavaScript箭頭函數只是定義函數的另一種方式。

箭頭函數不僅使您的代碼看起來更干凈，更具體，更易于閱讀。它還提供了隱含回報的好處。

下面我將分享一些簡單的示例，這些示例自我解釋函數的聲明以及如何定義JavaScript箭頭函數。

/*----------------------------------

JavaScript Arrow Functions

----------------------------------*/

// Defining a function.

function addNumbers(a, b) {

return a + b;

}

addNumbers(10, 6); // 16

// Using anonymous function.

var addNumbers = function(a, b) {

return a + b;

}

addNumbers(10, 6); // 16

// using Arrow Functions or Fat Arrow functions.

var addNumbers = (a, b) => {

return a + b; // with return statement

}

addNumbers(10, 6); // 16

// Using Arrow Functions or Fat Arrow functions without return statements and without curly braces.

var addNumbers = (a, b) => a + b; // this is a condensed way to define a function.

addNumbers(10, 6); // 16

在這里，我將為您提供有關JavaScript箭頭功能的鏈接：如何，為什么，何時（以及何時）使用它們將向您提供示例和詳細信息...

反對回復 2019-05-21

3 回答
0 關注
837 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

“箭頭功能”和“功能”是等效/可交換的嗎？

“箭頭功能”和“功能”是等效/可交換的嗎？

3 回答

添加回答

“箭頭功能”和“功能”是等效/可交換的嗎？