首页 > web前端 > js教程 > 正文

Apply() 的 Polyfill

WBOY
发布: 2024-08-09 16:37:13
原创
445 人浏览过

Polyfill 是开发人员创建与各种浏览器兼容的 Web 应用程序的必备工具。这些代码片段弥补了现代功能和旧版浏览器限制之间的差距。

今天,我们将深入研究 apply() 函数,并探索如何为其实现一个 polyfill,确保您的应用程序在不同的浏览器环境中无缝运行。

下面给出的是代码的逐行解释。

  1. JS 中的 apply() 方法调用具有指定“this”值的函数,并允许在数组中传递参数。

  2. Ln:1,人是一个对象。

  3. Ln:5,printAge 是一个函数,以年龄作为参数。 (Apply 方法可以接受数组中的 N 个参数)。

Polyfill for Apply()

  1. Ln:9,Function.prototype.myApply 是我们处理 apply 方法的 polyfill。它需要对象和[参数]。

  2. Ln:11,我们检查 typeOf "this" 和 typeOf the ...args 是否满足,如果两者都满足,则

  3. Ln:10,我们在对象中创建一个键,将其命名为 fn 并为其分配“this”。 “this”指的是这里的 printAge 函数()。

  4. Ln:19 我们用参数调用函数。

  5. Ln:22,我们在这里调用 myApply 方法并在控制台中查看我们的输出。

如果您喜欢这篇文章,请在 Twitter 或 LinkedIn 上联系我们。我几乎每天都会发布有关 JS 基础知识的文章。

推特
领英

以上是Apply() 的 Polyfill的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:dev.to
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板