如何轻松掌握JS中几种处理技巧?

更新于
2026-09-29 18:30:34
1阅读来源:SEO问题
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计1605个文字,预计阅读时间需要7分钟。

如何轻松掌握JS中几种处理技巧?

我喜欢在JS中修改函数执行上下文中的this指向,也称之为+this+。例如,我们可以在类数组对象上使用数组方法:+const+ reduce=Array.prototype.reduce;+function+ sumArgs() {+return+ reduce.call(arguments, (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(),该方法返回此人的全名。

阅读全文

本文共计1605个文字,预计阅读时间需要7分钟。

如何轻松掌握JS中几种处理技巧?

我喜欢在JS中修改函数执行上下文中的this指向,也称之为+this+。例如,我们可以在类数组对象上使用数组方法:+const+ reduce=Array.prototype.reduce;+function+ sumArgs() {+return+ reduce.call(arguments, (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(),该方法返回此人的全名。

阅读全文