创建一个hero的构造函数，并实现它的链式调用

最新推荐文章于 2024-01-19 20:27:42 发布

fengkaiyan_99

最新推荐文章于 2024-01-19 20:27:42 发布

阅读量472

点赞数 1

CC 4.0 BY-SA版权

分类专栏： js

本文链接：https://blog.csdn.net/fengkaiyan_99/article/details/82496128

js 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了两种在JavaScript中实现链式调用的方法。第一种是通过直接在函数内部定义方法并返回自身；第二种是利用原型链，通过prototype属性添加方法，并在方法中返回this。文章强调了链式调用时正确返回对象的重要性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

第一种：
function hero(e){
console.log(e);
this.kill = (e)=>{
console.log(e);
return this;
}
this.remove = (e)=>{
console.log(e);
return this;
}
return this;
}

hero(‘kk’).kill(1).remove(2)
kk
1
2

第二种：
function hero(e){
console.log(e);
}
hero.prototype.kill = function(e){
console.log(e);
return this;
}
hero.prototype.recover = function(e){
console.log(e);
return this;
}
new hero(‘kk’).kill(1).recover(2);
kk
1
2

注意：链式调用，一定要注意调用者。
如果没有return一个对象的方法，要new一个对象，调用它的原型