本文介绍JavaScript中级联函数的用法,核心在于方法内部返回对象自身(this),从而实现链式调用。通过Person类示例,演示如何串联setName、setAge和setWeight方法,简化代码结构。
JavaScript级联函数实现原理与链式调用示例
本文通过具体实例解析JavaScript中级联函数的使用方式,供读者参考学习。
级联函数
级联函数是指通过点号连接的方式连续调用对象方法。在jQuery等库中常见的链式调用,其核心机制在于方法内部 return this 返回当前对象实例。
应用
function Person() {
this.name = '';
this.age = 0;
this.weight = 10;
}
Person.prototype = {
setName:function(name){
this.name = name;
return this;
},
setAge:function(age){
this.age = age;
return this;
},
setWeight:function(weight) {
this.weight = weight;
return this;
}
}
var p = new Person();
p.setName('Joh').setAge(26).setWeight(80);
console.log(p); // {name: "Joh", age: 26, weight: 80}
可使用在线HTML/CSS/JavaScript代码运行工具:http://tools.jb51.net/code/HtmlJsRun 对代码进行测试,获取实际运行结果。

如需了解更多JavaScript相关内容,可参考本站专题:《JavaScript数据结构与算法技巧总结》、《JavaScript常用函数技巧汇总》、《JavaScript操作DOM技巧总结》、《JavaScript页面元素操作技巧总结》及《JavaScript错误与调试技巧总结》。
希望本文关于JavaScript程序设计的介绍能为您提供帮助。