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. 為什么我ping不通我的docker容器呢？？？2. android - webview 自定義加載進度條3. 將SQLServer數據同步到MySQL 用什么方法？4. Docker for Mac 創建的dnsmasq容器連不上/不工作的問題5. numpy - python [:,2][:,None]是什么意思6. linux - openSUSE 上,如何使用 QQ?7. javascript - 微信音樂分享8. mysql優化 - 如何解決 MySQL 導入約 2G 的 SQL 報錯？9. javascript - vue引入微信jssdk 配置在哪個生命周期調取接口配置？10. javascript - 微信小程序限制加載個數
網公網安備