javascript 的 callback 是否有问题，会导致对象无法传递

Question

以下这一段javascript中的callback是否有问题？/** * @author F * @description 用于与selectNull配合自动分析返回JSON数据生成select option值 * * @param ajaxUrl * @param subId * @param dftValue * @param IdKeyName * @param TxtKeyName * @param callbackFunc * @returns {boolean} */function selectChange(ajaxUrl, subId, dftValue, IdKeyName, TxtKeyName, callbackFunc) {    var subObj = document.getElementById(subId);    if (!subObj) {        alert('不存在的子对象！');        return false;    }    $.getJSON(ajaxUrl, function (json) {        subObj.options.length = 0;        subObj.options[0] = new Option(' 请选择 ', '');        subObj.options[0].className = 'dft-empty';        var j = 1;        for (var i in json) {            subObj.options[j] = new Option(json[i][TxtKeyName], json[i][IdKeyName]);            j++;        }        if (dftValue) {            subObj.value = dftValue;        }        if (callbackFunc) {            callbackFunc();        }    });}比如调用的代码：#在 searchForm.init() 中调用(searchForm 有一个属性 formObj )selectChange(this.jsonUrlAgent, this.formObj['AgentIdP'].id, this.filter['AgentIdP'], 'AGENTID', 'AGENTNAME', this.reqAgentIdI);#但是到了 searchForm.reqAgentIdI() 方法中 this.formObj的this却变成了window了有另一个描述不太一样的重复问题：javascript中this.formObj 传递不过去，变成了TypeError: this.formObj is undefined - SegmentFault

Answer 1

因为 JavaScript 和 Python 不一样。

当你调用函数 a.b() 时，在函数 a.b 内 this 指向 a。但是当你不直接这样调用时，比如 var c = a.b; c()，JavaScript 看到 c 前边没有点，因此不会将它作为方法对待，this 未定义（严格模式）或者指向 global 对象（浏览器中是 window）。

你应该使用 .bind 方法（其它语言中叫 curry、partial application）来处理方法作为值传递时带来的问题： var c = a.b.bind(a); c()。即先绑定第一个参数（即 this）到对象本身，再传来传去。

参见：JavaScript’s “this”: how it works, where it can trip you up。

PS: 相同的问题不要问多次。

Answer 2

你这个应该是js的作用域的问题，js没有块级作用域，貌似在es6 use strict 模式下可以解决，但是浏览器尚未完全实现

Answer 3

回调函数，这个函数是执行在selectChange中的，当你在window下面执行selectChange，那么this指向的就是window，既然老爸指向的都是window，那么儿子指向的肯定就是window了，