自执行函数在JavaScript和jQuery中都被广泛使用，但二者实现方式略有不同。本文将重点讨论它们之间的差异，并提供深度的学习和指导意义。
自执行函数
自执行函数是一种可以立即执行的匿名函数。它通常用于创建作用域、封装代码、避免变量污染等方面。在JavaScript中，自执行函数的基本语法如下:
------------ -- ---- ---- -----
在这个例子中，我们定义了一个匿名函数并立即调用它。注意到最外层的圆括号是必要的，因为它们将匿名函数包裹在内部，使其变成表达式，从而可以立即执行。
在jQuery中，自执行函数的语法也类似，只不过多了一个$符号，表示jQuery对象:
------------- -- ---- ---- -----------
在这个例子中，我们定义了一个接受$参数的匿名函数并立即调用它，同时将jQuery对象传递给$参数。这种方式可以确保在函数内部使用$时，它总是代表jQuery。
jQuery与JavaScript的差异
虽然jQuery中的自执行函数与JavaScript中的自执行函数语法相似，但它们之间还是有一些重要的差异存在:
- 参数传递
在JavaScript中，自执行函数不使用任何参数。而在jQuery中，我们可以将jQuery对象作为一个参数传递给自执行函数，并且这是一个很常见的用法。
- 作用域
在函数内部定义的变量，在JavaScript中是私有的，在函数外部是不可访问的。但是在jQuery中，由于$符号是全局的，通过自执行函数来创建一个新的作用域以隔离代码和变量，从而避免了命名冲突和变量污染的问题。
- this指向
在JavaScript中，自执行函数中的this指向的是全局对象，在浏览器中通常是window对象。而在jQuery中，当我们在事件处理程序中使用this时，它指向的是当前元素。
示例代码
以下是一个简单的示例代码，展示了如何在JavaScript和jQuery中实现自执行函数：
-- - ---------- --------
------------
--- ------- - ------- --------
---------------------
-----
-- - ------ --------
-------------
------------------------- -----------
--- ------- - ------- --------
-------------------------- - - -------- - - ---------
---
-----------以上代码中，我们定义了两个自执行函数，分别使用了JavaScript和jQuery语法。在JavaScript中，我们仅仅是在控制台输出了一条消息；而在jQuery中，我们监听了.myClass类的点击事件，并且在控制台输出了一个带有当前元素文本和消息的字符串。
结论
尽管JavaScript和jQuery中都可以使用自执行函数，但它们之间仍然存在一些重要的差异。在jQuery中，我们可以使用自执行函数来避免命名冲突和变量污染问题，并且可以将jQuery对象作为参数传递给函数。此外，在事件处理程序中使用this时，也需要注意它在两种语言中的不同行为。因此，在编写自执行函数时，我们应该选择合适的语法并根据需要进行相应的调整。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/24943