首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

jQuery document.ready vs自调用匿名函数

jQuery document.ready和自调用匿名函数都是在JavaScript中常用的技术,用于在页面加载完成后执行特定的代码。它们的作用和用法如下:

  1. jQuery document.ready:
    • 概念:jQuery document.ready是jQuery库提供的一个函数,用于在DOM树加载完成后执行指定的代码。
    • 分类:属于前端开发中的事件处理技术。
    • 优势:相比于传统的window.onload事件,jQuery document.ready更加灵活和高效,因为它不需要等待所有资源(如图片)加载完成。
    • 应用场景:常用于需要在页面加载完成后执行的操作,如绑定事件、操作DOM元素等。
    • 推荐的腾讯云相关产品:无
  2. 自调用匿名函数:
    • 概念:自调用匿名函数(Immediately Invoked Function Expression,IIFE)是一种将函数定义和调用结合在一起的技术,用于创建一个独立的作用域,避免变量污染和命名冲突。
    • 分类:属于JavaScript中的函数定义和调用技术。
    • 优势:通过创建独立的作用域,可以有效地封装代码,避免全局变量的污染和冲突。
    • 应用场景:常用于模块化开发、插件开发等场景,可以将代码封装在一个作用域内,提高代码的可维护性和可复用性。
    • 推荐的腾讯云相关产品:无

总结:jQuery document.ready和自调用匿名函数都是在特定场景下使用的技术,分别用于在页面加载完成后执行代码和创建独立的作用域。它们在前端开发中具有重要的作用,可以提高代码的效率和可维护性。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

匿名函数调用方法_javascript匿名函数

首先看一下普通函数匿名函数的区别 //普通函数 function sum(a,b){ return a+b; console.log("我是一个普通函数") } //匿名函数,不能单独使用...function (a,b){ return a+b; console.log("我是一个匿名函数") } 没错,匿名函数简单来说就是普通函数去掉名字,但是他不能单独定义与使用,下面是匿名函数的一些使用场景...setTimeout(function() { console.log('匿名函数作为回调函数'); }, 1000); 4.用于执行立即函数 常用形式一:名函数后面跟一个括号,再将整个包裹在一个括号运算符中...(function() { console.log('立即执行函数是基于匿名函数创建的'); }()); 常用形式二:将匿名函数包裹在一个括号运算符中,后面再跟一个括号 (function...特别说明:若此立即执行函数后面立马又跟着一个立即执行函数,一定要在结尾加分号,否则后面的立即执行函数会报错!

1.5K20

匿名函数执行函数

匿名函数执行函数 匿名函数就是指的没有名字的函数,即定义函数对象时不定义函数体名字,但是必须将匿名函数作为表达式赋予一定操作,比如将其作为变量值或者让其执行,否则这次定义将无意义,解释器也会抛出异常...即我们用声明式写函数,可以在任何区域声明,不会影响我们调用 */ function s(){ console.log(1); } /** * 定义匿名函数 函数表达式 * 函数表达式中的...执行函数 执行即函数定义与创建合用为一体,创建完成即调用 (function() { console.log(1); })(); // 1 包围函数的第一段括号返回一个匿名函数,随后第二个括号将其调用...这种方式可以缩小作用域,ES6之前JS仅有全局作用域与函数作用域,显然将所有变量交予全局作用域是不合适的,而定义函数调用再销毁函数操作了三步,使用执行匿名函数可以将上述三步操作定义后即完成。.../** * 执行的一些方式 * 只要能够将匿名函数作为一个表达式出现,在后边加入()就能够将其执行 */ // 这种经常用来构建沙箱模式 (function () { console.log

1.3K50

JQuery技术内幕》读书笔记——自调用匿名函数剖析

Javascript语言中的自调用匿名函数格式如下: (function(){ //do somethings })(); 它还有另外两种等价写法如下: //等价写法一 (function(){ //do...function(){ //do somethings }(); JQuery采用的是第一种写法 (function(window,undefined){ //... })(window); 自调用匿名函数创建了一个独立的作用域...一、JQuery将window对象最为参数传入函数域,从而使window对象成为JQuery函数域的局部变量,这样做的好处是:   1.访问局部变量比访问全局变量的代价花销低很多,JQuery访问局部window...三、自调用匿名函数的分号不能省略。...在JavaScript中,多行语句是可以省略单行句尾分号的,但是对于自调用匿名函数,不论是其之前的分号还是自身末尾的分号,最好都不要省略,如果省略可能会报错(尤其是在一些旧浏览器中)。

68080

匿名函数调用_自己调用自己的函数

关于函数声明,它最重要的一个特征就是函数声明提升,意思是执行代码之前先读取函数声明。这意味着可以把函数声明放在调用它的语句之后。...例 sun(1,2); //3 function sum(x,y){ alert(x+y); } 而函数表达式在编译的时候不会被提前,如下调用函数将会报错 ss(1,2)...; //报错,函数未定义 var ss = function(x,y){ alert(x+y); }; 介绍了函数的定义以及JavaScript的编译规则,下面正式说一下匿名函数调用...当我们给匿名函数外面加上一层()的时候,匿名函数就变成了函数表达式,在JavaScript编译的时候就会被立即执行。...变形写法: (function(x,y){ alert(x+y); }(1,2)); //3(括号在里面) 匿名函数调用的写法有很多,下面列举常见的几种写法 1、匿名函数前加 void void

2.5K20

js匿名函数和命名函数_jsp调用java方法

温故知新,今天又回味了一遍,匿名函数作为函数参数。 代码很短,五脏俱全。...function test( a, b ){ a+=1; b(a); } test(3, function(result){ console.log(result); }); 匿名函数作为函数参数...难道匿名函数执行了? 错!!!匿名函数!=执行匿名函数 真相只有1个:匿名函数作为参数,在调用(将匿名函数作为参数的)函数里被调用执行了。...function test( a, b ){ a+=1; // b是对象,函数名也是对象,所以b可以指代一个函数 // 类似c++中的函数名一样 // a被复制给了b(result) // js好灵活...b(a); } 以上这篇js匿名函数作为函数参数详解就是小编分享给大家的全部内容了,希望能给大家一个参考。

6.2K20

JS 匿名函数——几种不同的调用方式

声明:var func=function(){ } 调用:func(); var show = function(){ alert('hello'); }; show(); 注意:使用匿名函数表达式时...,函数调用语句,必须放在函数声明语句之后!!!...原因:检查装载时,会先对show变量及这个匿名函数声明,此时,还未将匿名函数赋值给show变量,如果在表达式之前调用,会报错 show is not a function js代码的执行顺序问题 js...检查装载阶段:会先检测代码的语法错误,进行变量、函数的声明 执行阶段:变量的赋值、函数调用等,都属于执行阶段。 3.执行函数。这里我总结了8种常用的匿名函数调用方法: //1.使用 !...(function(){ document.write('wo hao'); })(); //3.能够将匿名函数调用的()为一个整体,官方推荐使用; (function(){ document.write

3.9K10

Python之函数【参数,返回值,嵌套调用,作用域,匿名函数

目录 1、简介 2、参数 3、返回值 4、嵌套调用 5、变量的作用域 5.1 局部变量 5.2 全局变量 5.3 global 关键字 6、参数进阶 6.1 形参和实参的值传递 6.2 缺省参数 7、匿名函数...函数名称应该能够表达函数封装代码的功能,⽅便后续的调⽤ ; 函数名称的命名应该符合标识符的命名规则 ; 调用很简单,通过 函数名() 即可完成函数调用。...4、嵌套调用 ⼀个函数⾥⾯又调⽤ 了另外⼀个函数,这就是函数嵌套调⽤。...以下是错误示范 # 创建一个函数add def add(j=100,i): print(i + j) 7、匿名函数 ⽤lambda 关键词能创建⼩型匿名函数。...⼀个表达式的值 ; 匿名函数不能直接调⽤print,因为 lambda 需要⼀个表达式 。

1K20

浅谈执行函数(立即调用函数表达式)

在JavaScript中,会遇到执行匿名函数:(function () {/*code*/} ) ()。 这个结构大家并不陌生,但若要说:为什么要括弧起来?它的应用场景有哪些?...看看下面的方式(写法一):把setTimeout代码包含在匿名执行函数里面,就可以实现“锁住”索引i,正常输出索引值。...以下是截取该参考博文的例子: // 执行函数。自己调用自己(递归) function foo() { foo(); } // 执行的匿名函数。...var foo = function () { arguments.callee(); }; // 立即执行匿名函数。但我们习惯称其为:执行的匿名函数。...加一个标示名称,可以方便Debug (function foo() { /* code */ } ()); // 立即调用函数表达式(IIFE)也可以执行,不过可能不常用罢了 (function

3.3K30

JavaScript设计模式(2)——Module(模块)模式

//公有变量 myPublicVar : "foo", myPublicFunction : function(bar){ // 私有变量增...}; })(); 在这些例子中,模块中的作用域函数包裹在所有的函数周围,然后调用并立即存储返回值,这样有很多优点,包括: 只有该模块才有使用私有函数的自由,因为这些函数不会暴露在页面的其他部分,...暴露出来只有输出的API 鉴于函数往往函数已经声明并命名,在试图找到函数抛出的异常时,这将使调制器中显示调用堆栈显得容易 根据环境,可以返回不同的函数 3....模式变化 3.1 引入混入 下面的例子演示了全局变量(jQuery,Underscore)如何作为参数传递给模块的匿名函数。我们引入它们,并给它们取一个本地别名。...下Module模式的实现,示例中定义了library函数,声明一个新库,并在创建新库时将init函数自动绑定到document.ready

71350

【C++】匿名对象 ③ ( 函数返回值为对象值时 匿名对象 的 拷贝构造函数 与 析构函数 调用情况分析 )

赋值 , 此时 编译器 会将 匿名对象 的值赋值给 已存在的变量 , 并且立刻销毁该匿名对象 ; 2、拷贝构造函数回顾 在 【C++】拷贝构造函数调用时机 ① ( 使用一个对象初始化另外一个对象 |..., 返回 匿名对象 , 此时 调用 拷贝构造函数 , 将 普通对象 的值 拷贝给 匿名对象 ; 再后 , 函数执行完毕 , 普通对象 需要被 销毁 , 此时调用析构函数 , 销毁 普通对象 ; 2、处理...// 使用 函数返回匿名对象 初始化变量 Student s = fun(); 执行结果如下 : 调用带参数构造函数 m_age = 12 调用拷贝构造函数 调用析构函数 : m_age = 12 学生信息...匿名对象 ; 调用析构函数 : m_age = 12 这是 fun 函数执行完毕 , 在函数作用域中的 普通对象 需要被析构销毁 ; 调用析构函数 : m_age = 12 这是在 main 函数中..., 使用 匿名对象 为 普通变量赋值 , 需要将 匿名对象的值赋值给普通对象 , 匿名对象 之后直接销毁 , 这是调用析构函数 销毁 fun 函数返回的匿名对象 ; 学生信息 : 年龄 = 12 , 身高

22120

由javascript中匿名函数调用写法引出的一些东东

匿名函数自动调用的三种写法如下: var f1 = function(){alert("f1");}(); (function(){alert("f2");}()); void function(...可以这样测试 var obj = {name:"菩提树下的杨过",sex:"男"}; for(var p in obj){ alert("名称:" + p + ",值:" + obj[p]); } 2.匿名函数的自动调用...var p in properties){ ( function(){ ... }() ); } } 可以看到,里面其实就是调用匿名函数...),而匿名函数在执行时getXXX与setXXX函数的上下文this默认是指向匿名函数的,而非Person类本身!...为了解决这个问题,不得不在匿名函数中增加了一个参数context,并且在调用时用(function(...){}(this));把Person的上下文this传入到匿名函数中 4.闭包 关于闭包,不再做过多的学术解释

1K60

【C++】构造函数初始化列表 ⑤ ( 匿名对象 生命周期 | 构造函数 中 不能调用 构造函数 )

初始化 , 所有的构造函数都要进行初始化操作 ; 构造函数 中 不能调用 构造函数 ; 一、匿名对象 生命周期 1、匿名对象 生命周期 说明 调用 类名(构造函数参数) 创建的是 匿名对象 ; 匿名对象...二、构造函数调用 构造函数 ---- 1、构造函数 中 不能调用 构造函数 构造函数调用 构造函数 是危险行为 ; 构造函数调用 构造函数 , 并不会为本对象进行初始化操作 ; 构造函数调用方式..., 天然就会创建一个 匿名对象 , 如果 没有变量 接收 这个 匿名对象 , 该匿名对象 在 本行表达式执行完毕后 , 就会被销毁 ; 2、代码示例 - 构造函数调用构造函数 下面的代码中 , 先定义.../ 构造函数调用构造函数 // 此时 创建 的是匿名对象 // 如果 匿名对象 没有被接收 // 就会在 本代码 执行结束后 立刻销毁 Student(18, 180); } Student...endl; } // 构造函数调用 构造函数 是危险行为 Student() { // 构造函数调用构造函数 // 此时 创建 的是匿名对象 // 如果 匿名对象 没有被接收

17420

【Python】PySpark 数据计算 ① ( RDD#map 方法 | RDD#map 语法 | 传入普通函数 | 传入 lambda 匿名函数 | 链式调用 )

fun 是一个函数 , 其函数类型为 : (T) -> U 上述 函数 类型 前面的 小括号 及其中的内容 , 表示 函数 的参数类型 , () 表示不传入参数 ; (T) 表示传入 1 个参数 ;..., 计算时 , 该 函数参数 会被应用于 RDD 数据中的每个元素 ; 下面的 代码 , 传入一个 lambda 匿名函数 , 将 RDD 对象中的元素都乘以 10 ; # 将 RDD 对象中的元素都乘以...: 3.4.1 [10, 20, 30, 40, 50] Process finished with exit code 0 5、代码示例 - RDD#map 数值计算 ( 传入 lambda 匿名函数...PySpark 版本号 : 3.4.1 [10, 20, 30, 40, 50] Process finished with exit code 0 6、代码示例 - RDD#map 数值计算 ( 链式调用...) 在下面的代码中 , 先对 RDD 对象中的每个元素数据都乘以 10 , 然后再对计算后的数据每个元素加上 5 , 最后对最新的计算数据每个元素除以 2 , 整个过程通过函数式编程 , 链式调用完成

31710

jQuery插件编写步骤详解

本文实例讲述了jQuery插件编写步骤。分享给大家供大家参考,具体如下: 如今做web开发,jquery 几乎是必不可少的,就连vs神器在2010版本开始将Jquery 及ui 内置web项目里了。...jQuery.extend(object) ,一个参数的用于扩展jQuery类本身,也就是用来在jQuery类/命名空间上增加新函数,或者叫静态方法,例如jQuery内置的 ajax方法都是用jQuery.ajax...成员函数"。...jQuery.fn.extend(object)和jQuery.extend(object)方法一 定要区分开来。 二、执行的匿名函数/闭包 1. 什么是执行的匿名函数?...匿名函数最大的用途是创建闭包(这是JavaScript语言的特性之一),并且还可以构建命名空间,以减少全局变量的使用。

1.5K110
领券