![[抓狂]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_18.b93331d.png)
![[大哭]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_60.9016267.png)
![[衰]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_34.cf5b4d5.png)
不吃虾米虾皮虾酱
前端
获得徽章 8
- #每天一个知识点# js如何实现链式调用？
在JavaScript中，可以通过返回对象本身（this）来实现链式调用。这种技术通常称为"Fluent API"或"Method Chaining"，它允许在一个对象上连续调用多个方法，使代码更加简洁和可读。
为了实现链式调用，需要确保每个方法都返回对象本身（this）。这样，每个方法调用返回的都是同一个对象，就可以继续在该对象上调用其他方法。
下面是一个简单的示例来说明如何实现链式调用：
const Calculator = function () {
this.value = 0;
this.add = function (num) {
this.value += num;
return this; // 返回对象本身
};
this.subtract = function (num) {
this.value -= num;
return this; // 返回对象本身
};
this.multiply = function (num) {
this.value *= num;
return this; // 返回对象本身
};
this.getValue = function () {
return this.value;
};
};
// 使用链式调用
const result = new Calculator()
.add(5)
.subtract(2)
.multiply(3)
.getValue();
console.log(result); // 输出: 9
在上面的示例中，Calculator对象具有add、subtract、multiply和getValue这些方法。它们在执行操作后都返回this，以支持链式调用。通过在实例化Calculator后链式调用这些方法，可以连续地对value进行操作，并最后通过getValue方法获取最终结果。
请注意，链式调用的关键是在每个方法中返回对象本身（this）。这样才能够在同一个对象上继续调用其他方法。展开评论点赞 - #每天一个知识点# <React.Fragment></React.Fragment> 和 <></> 有什么区别?
在React中，<React.Fragment>和<></>都表示一个片段（Fragment），它们可以用来组合多个子元素而不需要添加额外的DOM元素。在大多数情况下，它们的作用是相同的。但是，它们之间还是存在一些差异：
语法：<React.Fragment>是显示的写法，而<></>是简写形式。简写形式更简洁，但可能在某些情况下不那么明确。
属性支持：<React.Fragment>可以接收key属性，这在遍历生成的元素列表中非常有用。<></>不支持传递属性，因此如果你需要使用key属性，必须使用<React.Fragment>。
举个例子，假设我们有一个元素列表，我们可以使用<React.Fragment>和key属性来遍历它们：
{items.map(item => (
<React.Fragment key={item.id}>
<li>{item.name}</li>
</React.Fragment>
))}
在不需要使用key属性的简单场景下，可以使用<></>简写形式：
<>
<h1>Title</h1>
<p>Paragraph</p>
</>
总之，<React.Fragment>和<></>在大多数情况下可以互换使用，但如果你需要传递key属性，你应该使用<React.Fragment>。展开等人赞过 评论4 - #每天一个知识点# ReactElement 和 ReactNode 有什么区别？
ReactElement 和 ReactNode 是 React 中两个不同的概念。
ReactElement 表示一个由 React 元素创建的对象，它包含有关元素类型、属性和子元素的信息。ReactElement 是 React 中最基本的结构，它是构建 React 组件的基础。
ReactNode 表示一个 React 元素可以渲染的任何类型，包括 ReactElement、字符串、数字、布尔值、数组、函数等。ReactNode 是一个广义的概念，它表示任何可以被渲染到页面上的内容。在 React 中，通常情况下，一个组件的返回值就是一个 ReactNode 类型的值。
需要注意的是，ReactElement 是 ReactNode 的一种特殊情况，因为 ReactElement 本身就是一种可以被渲染到页面上的内容。但是，ReactNode 不一定是一个 ReactElement，它可以是任何可以被渲染到页面上的内容，包括字符串、数字、布尔值等。
以下是一个例子，展示了 ReactElement 和 ReactNode 之间的区别：
在这个例子中，element 是一个 ReactElement，它是由 React 创建的一个元素对象。而 node 是一个字符串，它是一个 ReactNode，因为字符串可以被渲染到页面上。展开赞过 评论1
