JS-回调函数-CSDN博客

本文链接：https://blog.csdn.net/m0_63973769/article/details/125685018

本文通过四个示例深入探讨JavaScript中的函数调用、作用域、闭包以及对象引用。涉及axios函数的this指向、回调函数参数处理、对象方法的this绑定以及递归函数的应用。案例展示了JavaScript中的常见陷阱和解决策略。

摘要由CSDN通过智能技术生成

案例

// 1.
function axios(selector, url, callback) {
    console.log(this); // window
    var res = {
        tag: selector,
        data: url
    };
    callback('200', res);
};
var obj = {
    el: '#app',
    mounted: function () {
        var self = this;
        axios('box1', 'http://www.baidu.com', function (arg1, arg2) {
            console.log(arg1, arg2, this, self); // 200 {'box1','http://www.baidu.com'} window obj{}
        });
    }
};
obj.mounted();


// 2. 
function sum() {
    if (arguments.length == 2) {
        return arguments[0] + arguments[1];
    } else if (arguments.length == 1) {
        var first = arguments[0]; // 2
        return function (second) {
            return first + second;
        };
    }
};
console.log(sum(2, 3)); // 5
console.log(sum(2)(3)); // 5


// 3.
var User = {
    count: 1,
    getCount: function () {
        return this.count
    }
};
var fn = User.getCount
console.log(fn()); // undefined
console.log(User.getCount()); // 1


// 4.
function fun(n, o) {
    console.log(o);
    return {
             fun: function (m) {
                 return fun(m, n);
             }
    };
};
var a = fun(0); // fun(0,o)=>o:undefined; return fun

a.fun(1); // m:1=>return fun(1,0); console.log(o)=>0; console.log(n, o);=>1,0

a.fun(2); // m:2=>return fun(2,0); console.log(o)=>0; console.log(n, o);=>2,0

a.fun(3); // m:3=>return fun(3,0); console.log(o)=>0; console.log(3, o);=>2,0

var b = fun(0).fun(1).fun(2).fun(3); // fun(0,o)=>o:undefined; return fun; m:1=>return fun(1,0); console.log(o)=>0; console.log(n, o);=>1,0; m:2=>fun(2,1)=>console.log(o)=>1; console.log(n, o);=>2,1; m:3=>fun(3,2)=>console.log(o)=>2; console.log(n, o);=>3,2

var c = fun(0).fun(1); // fun(0,o)=>o:undefined; m:1=>console.log(o)=>0; console.log(n, o);=>1,0

c.fun(2); // m:2=>fun(2,1)

c.fun(3); // m:3=>fun(3,1)