设计模式 - JavaScript怎么在实现的匿名函数的参数中传入数据?
阿神
阿神 2017-04-10 12:47:59
0
1
488

之前读Angular.js教程的时候,觉得有一段代码引起了我的注意:

function PhoneListCtrl($scope, $http) {
  $http.get('phones/phones.json').success(function(data) {
    $scope.phones = data;
  });
......
}

代码的含义不太难:用get请求了phones.json数据,通过对success函数的实现,将响应返回的data数据存在本地对象phones中,我不太明白的地方是其中的data是如何传入数据的,这种写法貌似也很流行,例如jQuery的Click事件:

$("#p").click(function(eventObject){
    //eventObject
});

然而我试着写一个实现也不太对劲,基础的代码是这样的:

var obj = {
    someData: 101,
    doSomething: function(anonymousFunction) {
        // body...
    }

};

obj.doSomething(function(data) {
        console.log(data);
    }
);

第一次在社区提问,不太懂规矩,请哪位前辈朋友指点一下具体的方法,或提点一下用到了JS中哪种特性或者设计模式,先谢过了~


按照@依云 的指点补充符合题意的写法如下:

var obj = {
    data: 456,
    f: function(func) {
        console.log("I'll call a pass-in function with some arguments.");
        func(obj.data);
        console.log("after");
    }
};

obj.f(function(a) {
    console.log("my arguments are:", a);
});

问题是:func(obj.data);真的是回调吗?

阿神
阿神

闭关修行中......

reply all(1)
大家讲道理
var f = function(func){
    console.log("I'll call a pass-in function with some arguments.");
    func("this", "is", "your data");
};

f(function(a, b, c, d){
  console.log("my arguments are:", a, b, c, d);
});
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template