JS 设计模式 五(链式调用)

链式调用

这个解释起来比较难,我觉得直接看代码比较直接,这个链式调用的主要用处,就是使代码更加简化,增加代码易读性。使用回调技术可以使取值器方法也只是链式调用。

代码

/get不用callback
function Person(name) {
var _name = name;
this.setName = function (name) {
_name = name;
return this;
};
this.getName = function () {
return _name
};
}
var jordan = new Person('jordan1');
console.log(jordan.getName())
console.log(jordan.setName('Meow1').getName());
//
/

/*get用callback
function Person(name) {
var _name = name;
this.setName = function (name) {
_name = name;
return this;
};
this.getName = function (callback) {
callback.call(this, _name);
return this
};
}

var jordan = new Person('jordan');
jordan.getName(console.log).setName('Meow').getName(console.log);
//*/

总结

链式调用比较常见的就是jquery库了。主要就是函数后加上return this,使对象可以继续调用函数达到支持链式调用的类。

关键字:name, tna, function, 调用


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部