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了，