欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

JavaScript的级联函数用法简单示例【链式调用】

程序员文章站 2023-11-17 09:01:52
本文实例讲述了javascript的级联函数用法。分享给大家供大家参考,具体如下: 级联函数 级联函数就是在对象调用中通过点的方式串联调用,在jquery中就是链式调用...

本文实例讲述了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常用函数技巧汇总》、《javascript操作dom技巧总结》、《javascript页面元素操作技巧总结》及《javascript错误与调试技巧总结

希望本文所述对大家javascript程序设计有所帮助。