回調中胖箭頭函數的“參數”的值給出了意外的值

Question

請參閱以下片段：

片段1：

 let fs = require("fs"); fs.readFile(process.argv[2], "utf8", (error, data) => console.log(arguments)); 

---

片段2：

 let fs = require("fs"); fs.readFile(process.argv[2], "utf8", (error, data) => console.log(error, data)); 

---

預期日志：（ (error, data) ，例如：

null 'console.log("HELLO WORLD");\\r\\n'

---

當您嘗試這兩個代碼片段時，您會發現代碼片段1執行並記錄了console.log(arguments)一些意外值，但console.log(error, data)記錄了正確的值； (error, data) 。

為什么以及代碼段1記錄的值是什么？

Answer 1

不綁定參數

箭頭函數不綁定參數對象。因此，參數只是對范圍內名稱的引用。

來自：MDN-箭頭功能

如果希望在箭頭函數中使用可變參數，請使用其余參數語法：

fs.readFile(process.argv[2], "utf8", (...args) => console.log(args));

Answer 2

@Tamas拍打着，

但是，關於OP的一些小技巧，如果您想知道ES6等的新javascript功能在做什么的話。 我將代碼粘貼到Babeljs.io中，嘗試一下。

例如。 您的代碼->

https://babeljs.io/repl/#?babili=false&evaluate=true&lineWrap=false&presets=es2015%2Ces2015-loose%2Ces2016%2Ces2017%2Clatest%2Creact%2Cstage-0%2Cstage-1%2Cstage-2%2Cstage-3&code= fs.readFile（process.argv％5B2％5D％2C％20％22utf8％22％2C％20（error％2C％20data）％20％3D％3E％20console.log（arguments））％3B％0D％0A

然后@Tamas代碼-> https://babeljs.io/repl/#?babili=false&evaluate=true&lineWrap=false&presets=es2015%2Ces2015-loose%2Ces2016%2Ces2017%2Clatest%2Creact%2Cstage-0%2Cstage-1%2Cstage -2％2Cstage-3＆code = fs.readFile（process.argv％5B2％5D％2C％20％22utf8％22％2C％20（... args）％20％3D％3E％20console.log（args）） ％3B