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. linux - 編譯時提示頭文件#include <mysql/mysql.h>不存在,百度之后也沒解決2. html頁面中怎么將兩個點之間的距離用直線連接起來？3. html - 內嵌app 的web 頁面如何應用 app 內置的靜態文件4. javascript - immutable配合react提升性能？5. JAVA 版本問題？6. node.js - webpack --watch以后報錯env: node: No such file or directory7. java - Spring +Mybatis 事務 不能回滾8. css3 - 如何出現橫向捲軸？9. PHP類中的$this10. javascript - 請教如何獲取百度貼吧新增的兩個加密參數
網公網安備