在 ES10 中，新增了一种函数转换方式，即将任意对象转换为函数。这个新特性的出现，可以让我们在编写代码时更加灵活方便，提高代码的可读性和可维护性。
转换方式
在 ES10 中，我们可以通过将一个对象的 Symbol.toPrimitive 属性设置为一个函数，来将该对象转换为一个函数。例如：
-- -------------------- ---- ------- ----- --- - - -------------------------- - ------------------ ---------- ------ -- -- -------------- -- - ------------ - -- ----- ---- - ---- ------- -- ---- -- - ---------展开代码
在上面的代码中，我们定义了一个对象 obj，并设置了它的 Symbol.toPrimitive 属性为一个函数。这个函数中，我们首先输出了传入的 hint 值，以便我们能够知道在什么情况下触发了该函数。然后，我们返回了一个新的函数，这个函数就是我们将 obj 对象转换成的函数。
最后，我们将 obj 对象直接赋值给了一个变量 func，并直接调用了它，输出了 I am a function!。
深入理解
在上面的示例中，我们简单地演示了如何将一个对象转换为一个函数。但是，如果我们想要更深入地理解这个特性，我们需要了解以下几个问题：
1. hint 参数的含义
在 Symbol.toPrimitive 函数中，有一个参数 hint，表示要转换的类型。它有三个可能的取值：
"number"：表示将对象转换为数字类型；"string"：表示将对象转换为字符串类型；"default"：表示将对象转换为默认类型。
在上面的示例中，我们并没有使用 hint 参数，但在实际应用中，我们可以通过 hint 参数的值来决定如何进行类型转换。
2. 函数的参数和返回值
在 Symbol.toPrimitive 函数中返回的函数，可以接收任意参数，并且可以返回任意值，包括对象和函数等。
例如，我们可以修改上面的示例，让返回的函数接收一个参数，并输出它：
-- -------------------- ---- ------- ----- --- - - -------------------------- - ------------------ ---------- ------ ----- -- -------------- -- - -------- ---- ---- ---------- - -- ----- ---- - ---- ------------- -- ---- -- - -------- ---- ---- -----展开代码
在这个示例中，我们修改了返回的函数，使它可以接收一个参数 arg，并输出它。我们在调用 func 函数时，传入了一个字符串 'test'，并输出了 I am a function with arg: test!。
3. 转换顺序的优先级
在实际应用中，如果一个对象同时设置了 valueOf 和 toString 方法，那么在进行类型转换时，会有一个顺序的优先级。具体来说，会按照以下顺序进行转换：
- 如果
hint参数的值为"number"，则会优先调用valueOf方法； - 如果
hint参数的值为"string"，则会优先调用toString方法； - 如果
hint参数的值为"default"，则会优先调用valueOf方法，如果返回的是原始类型值，则直接返回，否则再调用toString方法。
因此，在设置 Symbol.toPrimitive 方法时，我们需要根据不同的情况，考虑好返回值的类型和转换顺序的优先级。
指导意义
通过将任意对象转换为函数，我们可以实现更加灵活方便的编程方式。例如，我们可以将一些复杂的操作封装成一个对象，并将这个对象转换为函数，以便在其他地方直接调用。这样可以提高代码的可读性和可维护性，同时也可以减少代码的重复性。
另外，通过了解 Symbol.toPrimitive 方法的转换顺序和优先级，我们可以更好地掌握 JavaScript 中类型转换的规则，避免出现一些意外的错误。
结语
在 ES10 中，新增了将任意对象转换为函数的特性，这个特性可以让我们在编写代码时更加灵活方便，提高代码的可读性和可维护性。通过深入理解这个特性，我们可以更好地掌握 JavaScript 中类型转换的规则，避免出现一些意外的错误。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67d9033fa941bf713406d375
