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

 定义一个函数用做临时的命名空间,在这个命名空间内定义的变量都不会污染到全局命名空间,需要的朋友可以参考下

js中常常定义一个函数用做临时的命名空间,在这个命名空间内定义的变量都不会污染到全局命名空间(防止局部变量与全局变量冲突)。 
 代码如下:
function mymodule(){ 
//模块代码 

mymodule(); 
 
可以简写为: 
复制代码 代码如下:
(function(){ //mymodule()函数重写为匿名的函数表达式 
//模块代码 
}( )<span style="color:#ff0000;">)</span>; //结束函数定义并立即调用它 
 
或者: 
代码如下:
(function(){ 
 
}<span style="color:#ff0000;">)</span>(); 
 
这种定义匿名函数并立即调用(自调用匿名函数)的写法已经非常常见,开始让人有点摸不着头脑,jquery的源码就是这样写的: 
 代码如下:
(function( window, undefined ) { 
 
//jquery的所有代码 
})( window ); 
 

时间: 2024-10-30 23:45:22

JS自调用匿名函数具体实现的相关文章

js自调用匿名函数的三种写法(推荐)_javascript技巧

第一种: (function(){ console.log('hello world") })() 第二种: (function(){ console.log('hello world') }())  第三种: !function(){ console.log('hello world') }() 以上这篇js自调用匿名函数的三种写法(推荐)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持. 以上是小编为您精心准备的的内容,在的博客.问答.公众号.人物.课程等栏目也有的相

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

js中常常定义一个函数用做临时的命名空间,在这个命名空间内定义的变量都不会污染到全局命名空间(防止局部变量与全局变量冲突). 复制代码 代码如下: function mymodule(){ //模块代码 } mymodule(); 可以简写为: 复制代码 代码如下: (function(){ //mymodule()函数重写为匿名的函数表达式 //模块代码 }( )<span style="color:#ff0000;">)</span>; //结束函数定义并立

jQuery技术内幕:深入解析jQuery架构设计与实现原理. 1.3 自调用匿名函数

1.3 自调用匿名函数 从代码清单1-1中还可以看到,jQuery的所有代码都被包裹在了一个立即执行的匿名函数表达式中,这种代码结构称为"自调用匿名函数".当浏览器加载完jQuery文件后,自调用匿名函数会立即开始执行,初始化jQuery的各个模块.相关代码如下所示: (function( window, undefined ) {    var jQuery = ...    // ...    window.jQuery = window.$ = jQuery; })(window

前端-js如何给匿名函数里的构造函数传参?

问题描述 js如何给匿名函数里的构造函数传参? (function() { function Fun(name) { this.name = name; } Fun.prototype.say = function() { console.log(this.name); } fun = new Fun(); })(); 想在这里调用,并传参数进去??? fun.say('qwe') 解决方案 (function(name) { function Fun(name) { this.name = n

js匿名函数作为函数参数详解_javascript技巧

由衷的感叹,js真是烦. 学到现在,渐渐理解了什么是:语言都是通用的,没有好不好,只有擅长不擅长. 继承,多态,甚至指针,c能实现,c++,java有,javascript(和java是雷锋和雷峰塔的区别,名字上不知道坑了多少人)也能变通实现. 温故知新,今天又回味了一遍,匿名函数作为函数参数. 代码很短,五脏俱全. <!DOCTYPE html> <html lang="en"> <head> </head> <body>

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

 这篇文章主要介绍了Javascript中的匿名函数与封装介绍,本文分析了jQuery 封装.Backbone 封装.Underscore 封装等内容,需要的朋友可以参考下     迷惑了一会儿不同JS库的封装后,终于有了点头绪.大致就是: 代码如下: 创建一个自调用匿名函数,设计参数window,并传入window对象. 而这个过程的目的则是, 代码如下: 使得自身的代码不会被其他代码污染,同时也可以不污染其他代码. jQuery 封装   于是找了个早期版本的jQuery,版本号是1.7.1

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

迷惑了一会儿不同JS库的封装后,终于有了点头绪.大致就是: 复制代码 代码如下: 创建一个自调用匿名函数,设计参数window,并传入window对象. 而这个过程的目的则是, 复制代码 代码如下: 使得自身的代码不会被其他代码污染,同时也可以不污染其他代码. jQuery 封装 于是找了个早期版本的jQuery,版本号是1.7.1里面的封装代码大致是下面这样的 复制代码 代码如下: (function( window, undefined ) { var jQuery = (function(

Javascript自执行匿名函数(function() { })()的原理浅析_javascript技巧

函数是JavaScript中最灵活的一种对象,这里只是讲解其匿名函数的用途.匿名函数指没有指定函数名或指针的函数,自执行匿名函数只是其中一种,下文中称这种函数为:自执行函数 下面是一个最常见的自执行函数: // 传统匿名函数 (function() { alert('hello'); })(); 这段代码的执行效果就是在页面再载入时弹出:"hello" 是什么促使它自动执行的?,来看下面的代码 // 在传统写法上去掉小括号,并在前面加上运算符 ~,!,+,- ~function(){

js中匿名函数的创建与调用方法分析

 匿名函数就是没有名字的函数了,也叫闭包函数(closures),允许 临时创建一个没有指定名称的函数.最经常用作回调函数(callback)参数的值,很多新手朋友对于匿名函数不了解.这里就来分析一下. function 函数名(参数列表){函数体;} 如果是创建匿名函数,那就应该是: function(){函数体;} 因为是匿名函数,所以一般也不会有参数传给他. 为什么要创建匿名函数呢?在什么情况下会使用到匿名函数.匿名函数主要有两种常用的场景,一是回调函数,二是直接执行函数. 回调函数,像a