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. 用工具实现在微信里面生成带二维码的海报?2. c++ - win764位环境下,我用GCC为什么指针占8个字节,而long是4个字节?3. javascript - 关于微信公众号开发的一个trouble!4. ueditor上传服务器提示后端配置项没有正常加载,求助!!!!!5. web前端是做什么的6. 冒昧问一下,我这php代码哪里出错了???7. css - 百度Ueditor富文本编辑器初始化赋值font-size没有值?8. html - 谁能推荐一个类似apple官网的模板,用来展示产品的?9. 找一个权威、实战的微信扫码授权登录网站的开发教程或者文章10. PHP订单派单系统