自调用匿名函数和js的Module模式

编写自调用匿名函数的结构一般如下: :(function( window, undefined ) { // your code })(window); 传入的参数window,和参数列表中的undefined怎么解释? 1.传入的参数window 把全局的Window对象传进去,把全局的变量变成局部变量,避免了函数里面执行时候,不需要将作用域链退到顶层作用域,到外面去寻找window,可以提高效率.假如函数里面用到很对window的对象,这样函数要不停的去外面寻找. 还有一点,在压缩代码的时候…

JS函数 -- 功能，语法，返回值，匿名函数，自调用匿名函数，全局变量与局部变量，arguments的使用

“JavaScript设计得最出色的就是它的函数的实现.” -- <JavaScript语言精粹> 函数包含一组语句,它们是JS的基础模块单元,用于指定对象的行为.一般来说,所谓编程,就是将一组需求分解成一组函数与数据结构的技能. 1.函数的功能代码重复性使用模块化编程 2.语法: 使用函数前要先定义才能使用函数定义有三个部分:函数名,参数列表,函数体格式: function 函数名([参数1, 参数2, ...]){ 函数执行部分; return 表达式; } 例如: <scr…

JavaScript自调用匿名函数

Self-Invoking Anonymous Function,即自调用匿名函数.顾名思义,该函数没有名称,不同的是,该函数定义后立即被调用.该函数的作用是在应用中初始化或做一次性工作. 普通匿名函数: function () { alert('hello'); } 自调用无参匿名函数: (function(){ alert('hello,self-invoking-func'); })(); 自调用有参匿名函数: (function(name) { alert('hello' + name)…

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

Javascript语言中的自调用匿名函数格式如下: (function(){ //do somethings })(); 它还有另外两种等价写法如下: //等价写法一 (function(){ //do somthings }()); //等价写法二 !function(){ //do somethings }(); JQuery采用的是第一种写法 (function(window,undefined){ //... })(window); 自调用匿名函数创建了一个独立的作用域,从而与全局以及…

js的匿名函数和js的onload函数

所谓js匿名函数就是当用户一打开页面时不等到文档加载完就会执行里面的代码,语法如下: (function(){})(); js的onload函数代码如下: <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head><script> var btn…

JavaScript基础精华02(函数声明，arguments对象，匿名函数，JS面向对象基础)

函数声明 JavaScript中声明函数的方式:(无需声明返回值类型) function add(i1, i2) { return i1 + i2;//如果不写return返回的是undefined } int add(int i1,int i2)//C#写法不需要声明返回值类型.参数类型.函数定义以function开头. var r = add(1, 2); alert(r); r = add("你好&q…

js自调用匿名函数的三种写法

第一种: (function(){ console.log(‘hello world”) })() 第二种: (function(){ console.log(‘hello world’) }()) 第三种: !function(){ console.log(‘hello world’) }()…

jquery自调用匿名函数解析

alert("undefined" in window); (function (window, undefined) { //构造jQuery对象 })(); //jquery自调用函数的两个参数window,undefined含义: //1.参数window对象作为自调用函数内部的局部变量,不需要跳出jquery函数外,从而在jquery内部更快速的获得window对象 //2.undefi…

学习javaScript必知必会(1)~js介绍、函数、匿名函数、自调用函数、不定长参数

一.简单了解一下JavaScript(js) 1.什么是js? js:是网景公司开发的,是基于客户端浏览器, 面向(基于)对象.事件驱动式的页面脚本语言. 2.什么场景下使用到js? 表单验证.页面特效.Ajax.小游戏 3.js快速入门: (1)直接使用标签script,然后在script标签下编写js代码 (2)通过标签script的src引入外部文件 4.js语句的细节(语句的:可加可不加): js中的语句没那么严格,每个语句可以加; 也可以不叫; (建议是加,因为你写其他语言的语句是要求…

js 中特殊形势的函数-匿名函数的应用

javascript中的匿名函数,那什么叫做匿名函数? 匿名函数就是没有函数名称:演示代码: <script> function(x,y){ return x+y //这个就是一个匿名函数,没有函数名,但是这个函数不能调用.如何调用呢? } //要声名一个变量,然后把这个匿名函数的执行的代码,和返回值赋值给声名的变量 </script> javascript中的函数也是一种数据类型,只不过这种特殊类型有两个重要的特性: 1.他们所包含的是代码. 2.他们是可以执行的.演示代码: &…

js匿名函数和闭包总结

js匿名函数和闭包总结一.总结一句话总结:匿名函数的最主要作用是创建闭包,闭包就是将函数内部和函数外部连接起来的一座桥梁.内层的函数可以使用外层函数的所有变量,即使外层函数已经执行完毕.闭包可以用来模仿块级作用域等等. 匿名函数闭包 1.js匿名函数基本格式? 匿名函数赋值变量立即执行匿名函数 ()() return 匿名函数没有名字可以赋值 //情况1.把匿名函数赋值给变量 var fn=function (){ alert('我是匿名函数') } alert(fn) //会…

JavaScript中的闭包与匿名函数

知识内容: 1.预备知识 - 函数表达式 2.匿名函数 3.闭包一.函数表达式 1.定义函数的两种方式函数声明: 1 function func(arg0, arg1, arg2){ 2 // 函数体 3 } 函数表达式: 1 var func = function (arg0, arg1, arg2){ 2 // 函数体 3 } 2.注意事项函数表达式使用前必须赋值!像下面的代码是错误的: 1 say() 2 var say = function(){ 3 console.log("12…

jQuery框架分析第一章: 第一个匿名函数

我的jQuery版本为1.7* 这个版本代码比之前的版本优化了很多,结构也清晰了不少,就用最新的吧. 打开jQuery源代码首先你能看到所有代码被一个 (function(window,undefined){ })(window) 这是个什么东西.. 首先,这是一个匿名函数(不懂?那就先去谷歌下吧): 其次,这是一个自调用匿名函数: 这段代码做了三件事第一件:创建一个只给jQuery用的空间,我们估且就叫 “私有空间”,与C++的命名空间很相似,为了保证jQuery不与其他JavaScrip…

16/8/23-jQuery子调用匿名函数

通过创建一个自调用匿名函数,创建一个特殊的函数作用域,该作用域中的代码不会和已有的同名函数.方法和变量以及第三方库冲突. 自调用匿名函数写法方法一: (function(){ //... })(); 方法二: (function(){ //... }()); 方法三: !function(){ //... }(); jQuery.extend使用介绍 jQuery.extend( [deep ], target, object1 [,objectN ] )…

js的严谨模式

一.怎么用 <script type="text/javascript"> "use strict"; //放在脚本文件第一行,整个脚本将以“严格模式运行”.如果这行语句不在第一行,则无效,整个脚本以"普通模式"运行 </script> 也可以将它放在某个函数体内,但是也要放在第一行,则整个函数以“严格模式”运行二.如果多人协作开发,有好几个函数,但是我想用严谨模式,别人没用,那怎么办? 用一个匿名函数 (fun…

[Js/Jquery]立即执行匿名函数

摘要有时使用js写了一个匿名方法,需要立即执行.因为没有方法名称,无法在其它地方调用. 匿名函数匿名函数,可以认为是没有方法名称的函数. js中如果想执行匿名函数,结构如下: (function () { //逻辑代码 })() 使用()将匿名函数括起来,后面再加一对小括号(包含参数列表). 例如: alert((function (x, y) { return x + y; })(2, 3)); 命名函数自调用 (function myfunc() { alert("23333"…

【京东详情页】——原生js学习之匿名函数

一.引言在js模块中,要给每一个功能封装一个匿名函数.为了更好的理解什么是匿名函数,为什么要用匿名函数,我做了一些查阅和学习. 二.匿名函数什么是:在创建时,不被任何变量引用的函数. 为什么:节约内存:划分临时作用域,避免全局污染. 何时:只要一个函数只用一次,就释放. 1.回调创建一个函数后,将函数对象传递给其他函数调用. 比如: arr.sort( functioin(a,b){return a-b} ); arr.replace(reg,function(){ return xxx;…

前端JS面试题汇总 Part 2 (null与undefined/闭包/foreach与map/匿名函数/代码组织)

原文:https://github.com/yangshun/front-end-interview-handbook/blob/master/questions/javascript-questions.md 最近将持续翻译JavaScript面试题,希望对各位有所帮助. (文章中斜体字部分为译者添加) 目录: Part 1(事件委托/this关键字/原型链/AMD与CommonJS/自执行函数) Part 2 (null与undefined/闭包/foreach与map/匿名函数/代码组织)…

js处理匿名函数

首先js 有DOM0 和DOM2级事件 DOM 0级事件处理一般是直接把一个函数分配给一个事件处理程序,既可以在元素中直接分配一个事件处理程序一个元素可以绑定多个事件 DOM0: <div id='box' onclick= 'fun1() fun2()'></div> DOM2: var box = document.getElementById('box'); box.onclick = fun1(); function fun1(){ alert("hello!&…

JS常用的三种匿名函数

第一种: var f1=function(p1,p2){ return p1+p2; };//将函数赋值给一个变量 alert(f1(1,3)); 匿名函数没法调用,只能赋值给一个变量,由于是赋值语句,后面要加分号应用: ///document.getElementById(‘btn’).onclick=function(){} 第二种(*): (function(p1,p2){alert(p1+p2);})(20,30); 直接声明一个匿名函数,立即使用.用匿名函数省得定义一个用一次就不用的…

第三章 Js变量的作用域和匿名函数

3.1 先看下面的事例: ①var temp=0; ②temp=0; 当js解析器检测到①这种情况的时候,解析器会为这个变量开辟一个内存空间,如果前面已经存在这个变量,就会把这个变量覆盖掉. 当解析器检测到①这种情况的时候,解析器会寻找当前对象的父级对象有没有这个变量,以此查找,只到找到位置:如果还找不到,就会在windows对象里定义这个变量. 再看下面例子 ①function f() { var _temp = 0; console.log(_temp); } f(); console.lo…

JS匿名函数的理解

js匿名函数的代码如下:(function(){ // 这里忽略jQuery 所有实现 })(); 半年前初次接触jQuery 的时候,我也像其他人一样很兴奋地想看看源码是什么样的.然而,在看到源码的第一眼,我就迷糊了.为什么只有一个匿名函数又没看到运行(当然是运行了…… ),就能有jQuery 这么个函数库了?于是,我抱着疑问来到CSDN .结果相信现在很多人都很清楚了(因为在我之后也不乏来者,呵呵~ ).当一个匿名函数被括起来,然后再在后面加一个括号,这个匿名函数就能立即运行起来!真神奇哦…

JS匿名函数自执行函数

JS匿名函数自执行函数:(function(){})();(function(){}) 这是一个函数,函数后面接(),则是调用函数比如(function(arg){console.log(arg);})(4); 则输出4 好处:放在里面,不会污染外面的变量,也保护了自己,外面调用不了里面的函数和变量.在js中写大量代码,可以防止变量冲突和错误调用. 插件常用的是( function ($ ) {// 插件代码} ) (jQuery ) ; 这样的好处是可以在函数内自由使用$,不用担心跟别的…

关于js中立即执行的匿名函数写法

/*最流行的写法*/ (function() { alert("run!") })(); /* !号可以有1~正无穷个,所以这一种就可以衍生无数种方式 */ !!!(function() { alert("run!") })(); (function() { alert("run!") }).call(); (function() { alert("run!") }).apply(); (function() { alert(…

JS里面匿名函数的调用 & 变量作用域的实验

参考 http://www.educity.cn/wenda/54753.html 已实验验证结果正确. 1.下列哪些正确?(B.C) A.function(){ alert("Here!"); }(); B.(function(){ alert("Here!"); })(); C.(function(){ alert("Here!"); }()); 下面也已经实验验证结果正确. 2.下列哪个结果是正确的?(A.B.C.D) A.(functio…

javascript 匿名函数的理解，js括号中括function 如(function(){})

代码如下: (function(){ //这里忽略jQuery所有实现 })(); (function(){ //这里忽略jQuery所有实现 })(); 半年前初次接触jQuery的时候,我也像其他人一样很兴奋地想看看源码是什么样的.然而,在看到源码的第一眼,我就迷糊了.为什么只有一个匿名函数又没看到运行(当然是运行了……),就能有jQuery这么个函数库了?于是,我抱着疑问来到CSDN.结果相信现在很多人都很清楚了(因为在我之后也不乏来者,呵呵~).当一个匿名函数被括起来,然后再在…

js中的匿名函数自执行

随笔,java中因为有修饰符的存在,那就有private类的存在,js不一样,没有修饰词一说,因此为了防止全局变量的污染,js中就出现了匿名函数,直接上code,看到的人可以自己体会: (function () { console.log("aaa");})();(function (a) { console.log(a);})("aaa"); 上面是2种写法,作用是完全相同的,不过有时候需要把全局的参数带进去的时候就可以直接采用带参的写法,这样写的另一个目的是函数…

js中匿名函数

今天碰到一道题,里面既包含了匿名函数的知识,也包含了预编译,函数的传参(形参),感觉迷迷糊糊的,所以想着做个总结. var foo={n:1}; (function(foo){ console.log(foo.n); foo.n=3; var foo={n:2}; console.log(foo.n); })(foo); console.log(foo.n); 上面的代码,可以写成这样,看解释 var foo={n:1}; (function(foo){ //此时形参和实参指向相同的内存空间,且…

js 函数中的 return+匿名函数

今天一个刚学js的朋友给了我一段代码问为什么方法不执行,代码如下: 代码如下: function makefunc(x) { return function (){ return x; } } alert(makefunc(0)); 结果是:function (){return x;}不是0 不是脚本写错了,只是没搞懂return,从当前函数退出,并从那个函数返回一个值.如果返回的是一个函数,那么返回的也是函数本身. 可以这样修改上面的代码,就是alert(makefunc(0)(…

【js】关于闭包和匿名函数

关于js闭包.之前我一直以为是匿名函数,以为封闭式的创建即执行销毁就是闭包,其实这是匿名函数,不一样的.也没有闭包的使用经验. 后来去网上查了下才知道,闭包的意思是:函数内部还有函数,返回一个函数,内部函数可访问外部函数的变量. 一个最简单的案例: a是外部函数,b是内部函数,b可以使用a的变量i,调用a函数返回b函数,执行c既是执行b.其实也就意味着在a函数的外部,读取到了a函数内部的变量值. a中的变量i将一直在内存中,直至c变量删除. 删除变量:delete c; obj.geta()输出…

【自调用匿名函数和js的Module模式】的更多相关文章