国产欧美精品专区一区二区_91www永久在线精品果冻传媒_日韩成人亚洲综合专区无码av_欧美激情一区二区三区高清视频_免费福利在线视频亚洲_日韩精品无码人妻自慰喷水_把腿张开老子cao哭你动态图_51a性爱高清免费视频_国产无码资源在线观看資源免費看_再深点灬舒服灬太大了网站

精簡(jiǎn)的函數(shù)快遞員

想象箭頭函數(shù)是一位高效的快遞員，用最短路徑（=>）傳遞數(shù)據(jù)

// 傳統(tǒng)函數(shù)寫(xiě)法
function add(a, b) {
  return a + b;
}
// 箭頭函數(shù)寫(xiě)法（直達(dá)路線）
const add = (a, b) => a + b;  
console.log(add(1,  2)); // 3（快遞直達(dá)）

精簡(jiǎn)規(guī)則

單參數(shù)可省括號(hào)

const sayHi = name => `你好, ${name}!`;  
sayHi("小明"); // "你好, 小明!"

單行代碼自動(dòng)返回（無(wú){}時(shí)）

const double = num => num * 2; // 直接返回結(jié)果

返回對(duì)象需加括號(hào)（避免與{}沖突）

const getUser = id => ({ id: id, name: "匿名" });

永不迷路的 this

箭頭函數(shù)最強(qiáng)大的特性——繼承外層 this 值，解決傳統(tǒng)函數(shù)的 this 混亂問(wèn)題

// 傳統(tǒng)函數(shù)：this 隨調(diào)用者變化
const obj1 = {
  name: "對(duì)象1",
  print: function() {
    setTimeout(function() {
      console.log(this.name);  // 輸出 undefined（this指向window）
    }, 100);
  }
};
// 箭頭函數(shù)：繼承定義時(shí)的 this
const obj2 = {
  name: "對(duì)象2",
  print: function() {
    setTimeout(() => {
      console.log(this.name);  // 輸出 "對(duì)象2"（繼承print的this）
    }, 100);
  }
};

箭頭函數(shù)就像帶著GPS的快遞員，永遠(yuǎn)記得出發(fā)地（定義時(shí)的作用域），不因中轉(zhuǎn)站（調(diào)用位置）改變路線

一般常見(jiàn)的使用場(chǎng)景

簡(jiǎn)化回調(diào)函數(shù)

// 傳統(tǒng)寫(xiě)法
[1, 2, 3].map(function(x) { return x * x; });
// 箭頭函數(shù)版
[1, 2, 3].map(x => x * x); // [1, 4, 9]

操作數(shù)組方法

const sum = [1, 2, 3].reduce((total, num) => total + num, 0); // 6

固定 this 的場(chǎng)景（如事件監(jiān)聽(tīng)）

button.addEventListener("click",  () => {
  console.log(this);  // 始終指向定義時(shí)的上下文
});

箭頭函數(shù) vs 普通函數(shù)

牢記

“箭頭函數(shù)像快遞：路線短（語(yǔ)法簡(jiǎn)），認(rèn)準(zhǔn)出發(fā)地（this穩(wěn)），不接大件貨（無(wú)構(gòu)造）。”

轉(zhuǎn)自https://juejin.cn/post/7546445334568468507