在 JavaScript 中，"return this" 是一个常用的技巧，它可以让函数返回当前对象的引用，从而实现链式调用。
什么是链式调用？
链式调用是一种编程模式，它允许我们通过一系列连续的方法调用来操作同一个对象。这种方式可以使代码更加简洁和易读，例如：
-- -------------------- ---- -------
--- ------ - -
----- --------
---- ---
-------- -------- ------ -
--------- - -----
------ -----
--
------- -------- ----- -
-------- - ----
------ -----
-
--
---------------------------------在上面的例子中，我们定义了一个包含两个方法的对象 person。每个方法都返回 this，即当前对象的引用。因此，我们可以使用链式语法设置对象的属性，最终只需要一行代码就可以完成。
"return this" 的作用
"return this" 的主要作用是让函数返回当前对象的引用，从而实现链式调用。具体来说，当我们在一个函数中使用 "return this" 时，该函数会返回当前对象，从而允许我们在返回的对象上继续调用其他方法。
下面是一个使用 "return this" 实现链式调用的例子：
-- -------------------- ---- ------- -------- ------------ - ---------- - -- - ------------------------ - -------- ----- - ---------- -- ---- ------ ----- -- ----------------------------- - -------- ----- - ---------- -- ---- ------ ----- -- -------------------------- - -------- -- - ---------- - -- ------ ----- -- --- ---------- - --- ------------- --- ------ - ---------------------------------------------------- -------------------- -- ----
在上面的例子中，我们定义了一个名为 Calculator 的构造函数。该函数具有三个方法：add、subtract 和 clear。每个方法都返回 this，即当前对象的引用。
通过调用这些方法，我们可以实现多次加减操作，并最终将结果清零。注意，在最后一步中，我们使用 ".value" 属性获取计算器的值。
使用 "return this" 的注意事项
虽然 "return this" 可以帮助我们更轻松地实现链式调用，但也需要注意一些问题。下面是一些需要注意的方面：
1. 不要滥用链式调用
尽管链式调用可以让代码更简洁和易读，但过度使用会使代码难以理解和维护。因此，在使用链式调用时，我们应该仔细考虑其可读性和可维护性。
2. 显式地返回其他值
如果在函数中同时需要返回当前对象和其他值，则需要显式地指定返回值，例如：
-- -------------------- ---- ------- -------- ------------ ---- - --------- - ----- -------- - ---- - ------------------------ - -------- -- - ------ ---------- -- ----------------------- - -------- -- - ------ --------- -- ----------------------- - -------- -- - ------ ------ ---------- ---- ---------- -- --- ------ - --- --------------- ---- --- ---- - ----------------------- ------------------ -- ----------------------------
在上面的例子中，我们定义了一个名为 Person 的构造函数。该函数具有三个方法：getName、getAge 和 toJSON。其中，toJSON 方法将当前对象转换为 JSON 对象，并返回该对象。
3. 不要在全局作用域使用 "return this"
在全局作用域中使用 "return this" 可能会导致一些难以预测的行为，因此应该避免这样做。通常情况下，我们只在函数内部使用 "return this"。
总结
"return this" 是一
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/26274