布拉布拉布拉..
好的,听我说..!!
数百篇博客和教程解释了调用、绑定和应用。哎呀,甚至 ChatGPT 和 Copilot 都可以为您简化它们!
那为什么还要发一篇文章呢?好吧,这不是给你的,这是我在重新审视 JavaScript 基础知识时的自我笔记。
即使在前端开发了 8 年之后,我有时也会混淆这些方法。事实证明,这种混乱往往源于它们在面试问题中的分组方式。这次让我以一种容易记住的方式为您分解。
我们可以跳到精彩的部分吗?
为什么面试的时候总是调用、绑定、申请?从功能上讲,call 和 apply 更接近,它们立即调用该函数,而 bind 返回一个新函数。这就是为什么我在标题中将它们分组。
让我们看看它们的用法以更好地理解它。
呼叫、绑定和应用之间有什么共同点?
call 、 bind 和 apply 是函数上可用的方法,允许您显式设置 this 的值并传递函数的参数。
调用、绑定和应用之间有什么区别?
当 Call 和 Apply Immediately 调用该函数时,Bind 方法不会立即调用该函数。相反,它返回一个新函数,并将 this 设置为指定值,并且可以稍后调用/执行此返回的函数。
那么Call和Apply有什么区别呢?
虽然 Call 和 Apply 都会立即使用自定义 this 调用函数,但它们如何采用附加参数来区分它们。
Call 接受单个参数,而 Apply 接受一组参数。
示例
让我们看看下面的参数来了解 call、apply 和 bind 的用法。
function Greetings(greeting,punctuation){ return `${greeting} ${this.name} ${punctuation}` } var person = { name : "Nandan" } // Call: Immediately invokes the function with individual arguments console.log(Greetings.call(person,"Hello","!")); // Output : Hello Nandan ! // Apply: Immediately invokes the function, but takes arguments as an array console.log(Greetings.apply(person,["Hello","!"])); // Output : Hello Nandan ! // Bind: Returns a new function with `this` bound to the specified value let greet = Greetings.bind(person,"Hello","!"); console.log(greet()); // Output : Hello Nandan ! //Note: console.log(Greetings.bind(person,"Hello","!")); // Output : It will return a function
一些额外的例子
使用调用:从另一个对象借用方法:
let person1 = { name: "Nandan" }; let person2 = { name: "Kumar" }; function introduce() { console.log(`Hi, my name is ${this.name}`); } introduce.call(person1); // Hi, my name is Nandan introduce.call(person2); // Hi, my name is Kumar
使用 apply :查找数组中的最大值:
let numbers = [1, 2, 3, 4, 5]; console.log(Math.max.apply(null, numbers)); // 5
使用绑定:使用自定义this进行事件处理:
let button = document.getElementById("myButton"); let user = { name: "Nandan", greet() { console.log(`Hello, ${this.name}`); } }; button.addEventListener("click", user.greet.bind(user));
另外,我希望这张表能够帮助您更好地理解。
功能 |
执行 |
参数 |
用例 |
致电 |
立即执行函数 |
单独通过 |
当你在调用时知道参数时 |
申请 |
立即执行函数 |
作为数组传递 |
当参数位于数组中时 |
绑定 |
返回一个新函数(不执行) |
可选择预先填写新功能 |
当您需要可重用或预配置的功能时 |
这就是全部,伙计们!我希望这篇关于呼叫、应用和绑定的简短说明对您有所帮助。如果您喜欢这个,请在我的网站上查看更多文章,https://nandan.dev/
欢迎发表评论,发送电子邮件至 connect@nandan.dev,或在 Twitter、Instagram 或 GitHub 上与我联系。不要忘记订阅我的时事通讯以获取有关 JavaScript 主题的定期更新!
推特 | Instagram | Github | 网站
以上是另一个关于呼叫、应用和绑定的博客..!!的详细内容。更多信息请关注PHP中文网其他相关文章!

JavaScript框架的强大之处在于简化开发、提升用户体验和应用性能。选择框架时应考虑:1.项目规模和复杂度,2.团队经验,3.生态系统和社区支持。

引言我知道你可能会觉得奇怪,JavaScript、C 和浏览器之间到底有什么关系?它们之间看似毫无关联,但实际上,它们在现代网络开发中扮演着非常重要的角色。今天我们就来深入探讨一下这三者之间的紧密联系。通过这篇文章,你将了解到JavaScript如何在浏览器中运行,C 在浏览器引擎中的作用,以及它们如何共同推动网页的渲染和交互。JavaScript与浏览器的关系我们都知道,JavaScript是前端开发的核心语言,它直接在浏览器中运行,让网页变得生动有趣。你是否曾经想过,为什么JavaScr

Node.js擅长于高效I/O,这在很大程度上要归功于流。 流媒体汇总处理数据,避免内存过载 - 大型文件,网络任务和实时应用程序的理想。将流与打字稿的类型安全结合起来创建POWE

Python和JavaScript在性能和效率方面的差异主要体现在:1)Python作为解释型语言,运行速度较慢,但开发效率高,适合快速原型开发;2)JavaScript在浏览器中受限于单线程,但在Node.js中可利用多线程和异步I/O提升性能,两者在实际项目中各有优势。

JavaScript起源于1995年,由布兰登·艾克创造,实现语言为C语言。1.C语言为JavaScript提供了高性能和系统级编程能力。2.JavaScript的内存管理和性能优化依赖于C语言。3.C语言的跨平台特性帮助JavaScript在不同操作系统上高效运行。

JavaScript在浏览器和Node.js环境中运行,依赖JavaScript引擎解析和执行代码。1)解析阶段生成抽象语法树(AST);2)编译阶段将AST转换为字节码或机器码;3)执行阶段执行编译后的代码。

Python和JavaScript的未来趋势包括:1.Python将巩固在科学计算和AI领域的地位,2.JavaScript将推动Web技术发展,3.跨平台开发将成为热门,4.性能优化将是重点。两者都将继续在各自领域扩展应用场景,并在性能上有更多突破。

Python和JavaScript在开发环境上的选择都很重要。1)Python的开发环境包括PyCharm、JupyterNotebook和Anaconda,适合数据科学和快速原型开发。2)JavaScript的开发环境包括Node.js、VSCode和Webpack,适用于前端和后端开发。根据项目需求选择合适的工具可以提高开发效率和项目成功率。


热AI工具

Undresser.AI Undress
人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool
免费脱衣服图片

Clothoff.io
AI脱衣机

Video Face Swap
使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

热门文章

热工具

SecLists
SecLists是最终安全测试人员的伙伴。它是一个包含各种类型列表的集合,这些列表在安全评估过程中经常使用,都在一个地方。SecLists通过方便地提供安全测试人员可能需要的所有列表,帮助提高安全测试的效率和生产力。列表类型包括用户名、密码、URL、模糊测试有效载荷、敏感数据模式、Web shell等等。测试人员只需将此存储库拉到新的测试机上,他就可以访问到所需的每种类型的列表。

SublimeText3 英文版
推荐:为Win版本,支持代码提示!

禅工作室 13.0.1
功能强大的PHP集成开发环境

SublimeText3 Mac版
神级代码编辑软件(SublimeText3)

记事本++7.3.1
好用且免费的代码编辑器