执行JavaScript代码的不同方式

different ways to execute javascript code?

本文关键字：方式 JavaScript 代码 执行      更新时间：2023-09-26

我看到了

第一

$(function() {
  ...
});

第二

(function() {
})();

第三

function() {
}
$(document).ready(function(){
});

也许还有更多，有什么区别？

你的符号主要是jQuery（至少是那些带有$

的）

  1. 这是 DOM 就绪函数的简写，相当于底部的函数

  2. 这是一个自执行函数，参数在尾随()

  3. 这是一个 DOM 就绪的函数$(document).ready(function() {});至少，它上面的函数只是一个函数。

所以这些确实是执行javascript代码的几种不同方法，其中一些依赖于库（使用jQuery），另一些则是由于范围的差异而专门完成的。

第一个块：

$(function() {
  ...
});

正在利用使用命名空间"$"的 js 库 jQuery，您在这里所做的是调用 jQuery "$" 函数，传入另一个匿名函数的第一个参数......这是称呼$(document).ready(function(){});的简写方式...这两个语句都等待 DOM 完成加载（通过 onload 事件），然后再解释里面的 JavaScript

第二块：

(function() {
})();

是一个称为 （IIFE） 立即调用的函数表达式的过程...从某种意义上说，它定义了一个匿名函数并立即调用它。

第三块：

function() {
}
$(document).ready(function(){
});

代表两件事...声明的第一个函数实际上应该被命名为类似 function myFunction(){...} 的函数，因此可以在以后调用myFunction(parameters);

最后$(document).ready(function(){});是javascript库jQuery的说法方式 获取dom的"document"元素，并附加一个事件 监听它寻找onload事件，当该事件被触发执行时，函数作为参数传递...

相关文章：