如何轻松掌握JS中几种处理技巧?
- 内容介绍
- 文章标签
- 相关推荐
本文共计1606个文字,预计阅读时间需要7分钟。
我喜欢在JS中更改函数执行上下文的指向,也称其为this指向。例如,我们可以在类数组对象上使用数组方法:`const reduce=Array.prototype.reduce; function sumArgs() { return reduce.call(arguments, (sum, sum)); }`
我喜欢在JS中更改函数执行上下文的指向,也称为 this 指向。
例如,咱们可以在类数组对象上使用数组方法:
const reduce = Array.prototype.reduce; function sumArgs() { return reduce.call(arguments, (sum, value) => { return sum += value; }); } sumArgs(1, 2, 3); // => 6
另一方面,this 很难把握。
咱们经常会发现自己用的 this 指向不正确。下面的教你如何简单地将 this 绑定到所需的值。
在开始之前,我需要一个辅助函数execute(func),它仅执行作为参数提供的函数。
function execute(func) { return func(); } execute(function() { return 10 }); // => 10
现在,继续理解围绕this错误的本质:方法分离。
1.方法分离问题
假设有一个类Person包含字段firstName和lastName。此外,它还有一个方法getFullName(),该方法返回此人的全名。
本文共计1606个文字,预计阅读时间需要7分钟。
我喜欢在JS中更改函数执行上下文的指向,也称其为this指向。例如,我们可以在类数组对象上使用数组方法:`const reduce=Array.prototype.reduce; function sumArgs() { return reduce.call(arguments, (sum, sum)); }`
我喜欢在JS中更改函数执行上下文的指向,也称为 this 指向。
例如,咱们可以在类数组对象上使用数组方法:
const reduce = Array.prototype.reduce; function sumArgs() { return reduce.call(arguments, (sum, value) => { return sum += value; }); } sumArgs(1, 2, 3); // => 6
另一方面,this 很难把握。
咱们经常会发现自己用的 this 指向不正确。下面的教你如何简单地将 this 绑定到所需的值。
在开始之前,我需要一个辅助函数execute(func),它仅执行作为参数提供的函数。
function execute(func) { return func(); } execute(function() { return 10 }); // => 10
现在,继续理解围绕this错误的本质:方法分离。
1.方法分离问题
假设有一个类Person包含字段firstName和lastName。此外,它还有一个方法getFullName(),该方法返回此人的全名。

