javascript - 求解js 的問題 為什么結果是5? 分析一下
問題描述
<!doctype html><html lang='zh-CN'><head><meta http-equiv='X-UA-Compatible' content='IE=edge'/><meta name='viewport' content='width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no'><meta charset='UTF-8'/><title>Document</title></head><body><script> var test=(function(a){ this.a=a; return function(b){ return this.a+b; } }(function(a,b){ return a; debugger; }(1,2))); console.log(test(4)) //結果是輸出5 求解? </script></body></html>
問題解答
回答1：記
let functionA = function (a) { this.a = a return function (b) {return this.a + b }}let argA = function (a, b) { return a debugger}(1, 2)// 實際上 argA 就等于 1，** 這個地方的 b 沒有被用到 **
則原式簡化成：
let test = functionA(argA)
此句執行完后 test 實為
function (b) { return this.a + b}// ** 這是一個帶一個參數的函數，執行 test(4) 時 b 就是 4 **
且此時 this.a 等于 1。因此 test(4) 結果為 5
回答2：很顯然是5啊
var test = function(a){ this.a = a; return function(b){return this.a + b; } }(function(a,b){ return a; }(1,2))
分解
var test = function(a){ this.a = a; return function(b){return this.a + b; } }var getA = function(a,b){ return a; }test(getA(1,2))(4);
這要再看不懂，你就要好好學習下基礎了
回答3：首先我們要理解test這個變量，test其實就是一個函數，如下
var test = function(b){ return this.a + b;}
外面那層部分是一個立即執行的函數，首先，
function(a,b){ return a; }(1,2)
這部分的結果就是 1，也就是說，代碼可以簡化為：
var test=(function(a){ this.a=a; return function(b){ return this.a+b; } }(1));
在上面的代碼里面，a=1，因此，在test(4)中，我們得到的是：
var test=(function(a){ // a = 1 this.a=a; return function(b){ // b = 4 return this.a+b; // 得到 1 + 4 } }(1));
相關文章：
1. 測試自動化html元素選擇器元素ID或DataAttribute [關閉]2. 在mac下出現了兩個docker環境3. 利用IPMI遠程安裝centos報錯！4. 運行python程序時出現“應用程序發生異常”的內存錯誤？5. spring-mvc - spring-session-redis HttpSessionListener失效6. java - Spring boot 讀取 放在 jar 包外的，log4j 配置文件，系統有創建日志文件，不寫入日志信息。7. 淺談Vue使用Cascader級聯選擇器數據回顯中的坑8. javascript - 在 model里定義的 引用表模型時，model為undefined。9. javascript - 最近用echarts做統計圖時遇到兩個問題！！10. mysql - 查詢 修改數據庫優化問題吧
網公網安備