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. docker-machine添加一個已有的docker主機問題2. docker - 如何修改運行中容器的配置3. angular.js - angularjs的自定義過濾器如何給文字加顏色？4. mac里的docker如何命令行開啟呢？5. docker安裝后出現Cannot connect to the Docker daemon.6. 關于docker下的nginx壓力測試7. CSS屬性中的`auto`值是什么意思。8. java - 安卓實現熄屏功能。9. java - spring boot @Autowired10. node.js - node express 中ajax post請求參數接收不到？
網公網安備