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. android-webview - Android 7.0 webview不自动刷新2. vue.js - vue开发的项目，想在页面打开的时候使input自动聚焦，使用的官方的自定义指令，但是在ios真机上测试无效3. javascript - 用atom安装linter-eslint插件出错4. shell - mac bash: mysql: command not found5. javascript - 怎么在DIV图片上加个DIV,并带有按钮链接呢？6. python - 用ffmpeg采集视频，用terminate没法结束进程7. javascript - 用console.log调试JS是不是很不专业？8. ruby - 添加国内淘宝gem源失败9. javascript - 关于pc端网站的浏览器兼容问题！10. MySQL的合计函数这里为什么报错？
网公网安备