`

javascript匿名函数调用和jquery的架构分析

 
阅读更多

1.       关于 js 匿名函数及匿名函数的调用 :

js 中定义函数的方式有多种,函数直接量就是其中一种。如var fun = function(){}, 这里function 如果不赋值给fun 那么它就是一个匿名函数。

好,看看匿名函数的如何被调用。

// 方式一,调用函数,得到返回值。强制运算符使函数调用执行
(function(x,y){
    alert(x+y);
 }(3,4));

//
方式二,调用函数,得到返回值。强制函数直接量执行再返回一个引用,引用在去调用执行
(function(x,y){
    alert(x+y);
    return x+y;//
返回一个引用。
})(3,4);

 

 

2.       js 架构分析 :

( function ( window , undefined ){

//         alert(id)

           // Expose jQuery to the global object

           var jQuery = function (){

              alert ( " 我是 jquery  儿子!!! " )

//            if(a==undefined)

              alert ( undefined )

           }

           window . jQuery = window . $ = jQuery ;

})( window )

 

1.首先js的源码是一个 匿名函数(它的特点是自己能够调用自己)。

该函数定义传递了两个值,一个是 window, 一个是 undefined,undefined 的使用时为了防止在外部对 undefined 赋值,而造成代码的污染。(因为 undefined js 中不是一个关键字,可以当做一个普通的变量去用)。然后在 jquery 的内部使用 window.jQuery window.$ 两个属性指向内部的 jQuery 函数。因此,当我们在外面引用了 js 之后,就可以通过 window.$() 或者

Window.jQuery() 的方式加载和调用 jquery 里面的 jQuery 函数了。

分享到:
评论

相关推荐

    (转载)JavaScript中匿名函数,函数直接量和闭包.docx

    许多JavaScript框架,如jQuery、React等,都广泛使用匿名函数和闭包来封装逻辑,保持代码的模块化和私有性。 总结来说,JavaScript中的匿名函数、函数直接量和闭包是实现高效、可维护代码的关键工具。理解并熟练...

    JavaScript匿名函数用法分析

    JavaScript匿名函数是编程中一种非常重要的技术,尤其在JavaScript中,由于其特有的作用域规则,匿名函数被广泛应用。本文将深入解析JavaScript匿名函数的定义、用法及其在实际开发中的应用。 首先,让我们理解...

    JavaScript中匿名函数的用法及优缺点详解_.docx

    匿名函数在JavaScript中有着广泛的应用,不仅可以帮助我们编写更加健壮和模块化的代码,还可以提高代码的可读性和维护性。了解如何正确地使用匿名函数对于每一个JavaScript开发者来说都是非常重要的。

    Javascript中匿名函数的多种调用方式总结

    在上述的调用方式中,还提到了一些JavaScript库如jQuery和Mootools常用的方法,这些框架通常在编写自执行函数时采用类似的匿名函数调用方式,以实现模块化和封装代码。 虽然上述方式提供了多种匿名函数的调用方法,...

    JavaScript 编写匿名函数的几种方法

    JavaScript中的匿名函数,是指那些没有具体函数名的函数。它们通常是临时使用,不被重复调用,或者是作为高阶函数的参数传递。匿名函数在JavaScript编程中非常重要,因为它们能够帮助开发者控制变量的作用域,构建...

    学习并汇集javascript匿名函数

    我们来逐步学习并汇总JavaScript匿名函数的相关知识点。 首先,定义一个函数在JavaScript中主要有三种方式。第一种是使用函数声明关键字function,第二种是使用函数字面量(var name = function),第三种是利用...

    jQuery源码分析-03构造jQuery对象

    在这个模式下,`jQuery`是一个自执行匿名函数的返回值,而该匿名函数被立即执行,返回一个符合预期的jQuery对象。接下来,我们将重点探讨如何构建jQuery对象以及其内部的一些关键设计。 #### 二、构建jQuery对象 ...

    jQuery 函数实例分析【函数声明、函数表达式、匿名函数等】

    无论是函数声明、函数表达式还是匿名函数,它们都是JavaScript语言的重要组成部分,也是jQuery库中不可或缺的工具。通过熟练掌握这些函数的使用,开发者能够更好地控制和扩展jQuery的功能,提升网页的用户体验。

    JS自调用匿名函数具体实现

    这种模式同样被许多流行的JavaScript库和框架所采用,例如jQuery就是通过自调用匿名函数来封装其内部代码,避免全局作用域污染的。这种技术不仅提高了代码的组织性,也增强了代码的健壮性。 总结来说,JS自调用匿名...

    jquery的总体架构分析及实现示例详解

    1. **入口模块**:这是整个jQuery库的起点,通常是一个匿名函数自执行结构,以避免全局变量污染。在给定的代码中,我们可以看到这样的模式: ```javascript (function(window, undefined) { // jQuery代码 })...

    javascript 匿名函数的理解(透彻版)

    理解匿名函数有助于提升JavaScript编程能力,尤其是在处理一次性任务、模块化和封装作用域等方面。 首先,让我们回顾一下函数的基础。在JavaScript中,函数是一种可以接受零个或多个参数,并返回一个值的代码块。...

    jquery封装插件时匿名函数形参和实参的写法解释

    在匿名函数中,形参和实参的正确使用尤为重要,它们分别代表了函数定义时的参数和函数调用时传入的值。 1. 分号的作用 在一段JavaScript代码中,最前面的分号可以防止在文件合并时发生错误。因为如果多个JavaScript...

    JavaScript自执行函数和jQuery扩展方法详解

    在学习JavaScript和jQuery的过程中,遇到变量名或函数名冲突的情况是常见问题。为了解决这一问题,我们需要对JavaScript的作用域和作用域隔离有深刻理解。作用域是代码在运行时的可访问区域,它决定了变量和函数的...

    Javascript中的匿名函数与封装介绍

    JavaScript 中的匿名函数与封装是前端开发中经常使用到的概念,它们在维护代码库的清晰度和防止变量污染方面发挥着重要作用。下面将详细介绍这些概念,以及jQuery、Backbone和Underscore等库是如何实现封装的。 ...

    理解和使用 JavaScript 中的回调函数

    函数调用:** 当外部函数准备调用回调函数时,它可以根据需要调用这个函数。例如,在上面的 `forEach` 方法示例中,每当遍历到一个新的数组元素时,`forEach` 方法就会调用传入的回调函数。 **3. 闭包:** 由于 ...

    javascript 函数调用规则

    而在`button2`的`onclick`事件中,通过一个匿名函数间接调用了`buttonClicked`,在这种情况下,`this`指向了全局对象`window`,因为`buttonClicked`被当作普通函数调用,而不是作为方法调用。 对于使用jQuery库的...

    jQuery源码解读

    首先,jQuery 的核心架构是基于一个立即执行的匿名函数。这种设计方式可以避免全局变量污染,提供一种模拟命名空间的效果。例如: ```javascript (function() { // 全部代码 })(); ``` 在匿名函数内部,jQuery 将其...

Global site tag (gtag.js) - Google Analytics