要求js封装函数链式调用 链式调用最少三次
时间: 2023-09-20 07:03:00 浏览: 48
好的,可以的。您可以参考下面这个示例代码,它封装了一个可以链式调用的函数,使用方法如下:
```
function Element(id) {
this.element = document.getElementById(id);
this.setStyle = function(styles) {
for (let style in styles) {
this.element.style[style] = styles[style];
}
return this;
};
this.setAttr = function(attrs) {
for (let attr in attrs) {
this.element.setAttribute(attr, attrs[attr]);
}
return this;
};
this.setText = function(text) {
this.element.innerText = text;
return this;
};
}
// 链式调用示例
let myElement = new Element('my-element');
myElement.setStyle({ backgroundColor: 'red', color: 'white', fontSize: '16px' })
.setAttr({ 'data-id': '123', 'class': 'my-class' })
.setText('Hello, World!');
```
以上代码中,`Element` 函数返回一个对象,该对象包含了 `setStyle`、`setAttr` 和 `setText` 三个方法。这些方法的返回值都是当前对象本身,这样就可以实现链式调用。在上面的示例中,我们首先创建了一个 `Element` 对象,然后使用链式调用的方式依次调用了三个方法,分别设置了元素的样式、属性和文本内容。
您可以根据实际需求进行修改和扩展,例如可以添加更多的方法,来实现更多的功能。