js中,(function(){})()的用法解析
经常用,今天总结一下,下文摘自某网友的总结:
(function($){...})(jQuery)实际上是匿名函数,不懂得朋友可以继续往下看。
这里实际上是匿名函数 function(arg){...} 这就定义了一个匿名函数,参数为arg 而调用函数时,是在函数后面写上括号和实参的,由于操作符的优先级,函数本身也需要用括号,即: (function(arg){...})(param) 这就相当于定义了一个参数为arg的匿名函数,并且将param作为参数来调用这个匿名函数 而(function($){...})(jQuery)则是一样的,之所以只在形参使用$,是为了不与其他库冲突,所以实参用jQuery var fn = function($){....}; fn(jQuery);
(funtion(){})();立即执行函数;相当于先申明一个函数,声明完后直接调用;如果参数如:
(funtion(str){alert(str)})("output"));相当于:funtion OutPutFun(str){alert(str);};OutPutFun("output");
最近在整理
javascript
学习,发现这个问题了
,在网上发现这么个解释
最清
楚
最明白
;
(function(){})()
相当于先定义
function xx(){}
,后调用
xx();
()
是最高优先级的,所以先执行
function(){}
,
这个定义了一个匿名函数,等于
xx=function(){}
接着就是调用
xx()
了
;
给个例子
JScript code
functionf1(a)
{
alert(a);
}
functionf2(a)
{
returnfunction(){
alert(a);
}
}
这里的
var x=f2
就等于把函数传递给了
f2,
然后要执行这个函数
,
就必须加
()
也就是
x();
也就是
f2()
还是
(function f2(a){
return function(){
alert(a);
})();
另外还有一个问题
就是命名空间的问题
YY = YY||{};---
声明一个叫
YY
的命名空间(定义一个全局的变量)
(function() {
YY.Lang=function()
{------
声明一个叫
YY.Lang
的命名空间
(通过全局变量的
增加属性的方式把闭包里的对象传到全局变量中,实现代码封装的效果)
isUndefined: function(o) {
return typeof o === 'undefined';
},
isString: function(o) {
return typeof o === 'string';
}
};
})();
---
调用方法
alert(YY.Lang.isString('test me'));
这时候就有人不明了,
楼上为什么要加
(function()
{
和
)();
最外面的这两行,
有什么用啊?
J
Script code
YY=YY||{};
//---
声明一个叫
YY
的命名空间(定义一个全局的变量)
//(
function()
{
YY.Lang=function()
{
//------
声明一个叫
YY.Lang
的命名空间
(通过全局变量的增加属性的方式把闭包里的对象传
到全局变量中,实现代码封装的效果)
isUndefined:function(o)
{returntypeofo==='undefi
ned';
},
isString:function(o)
{returntypeofo==='string';
}
};
}
//)();
//---
调用方法
alert(YY.Lang.isString('test
me'));
疑问在这:??????
注释掉这两行有什么不一样的呢?不就是申明吗,为什么要用
()()执行一下啊?
答:
(
function(){})()
意思是立即执行前一个括号里的
function
,相当于是一个匿名函数
;
由于里面
的代码的执行,
定义了
YY.Lang
这个对象,
所以可以执行
alert(YY.Lang.isString('test
me'));
调用
isString
方法。
但是,如果按照你写的
functionaa(){..};//
只是定义了一个叫
aa的函数,但是并没有执行
alert(YY.Lang.isString('test
me'));//
执行的时候会报找不到
isString
的方法。
这么写有什么好处??????????????
(function{})()
的写法有个好处,就是能很好的利用
javascript
的变量的可见范围为执行脚本
时节省空间。例如以下写法
1和写法2达到的目的是一样的,但是写法1的由于a变量的
可见范围只是在匿名函数体内,
所以a
在执行完这个匿名函数后就释放空间了。
但是写法2
会一直存在该页面中。
写法
1
:
JScript
code
(function(){vara=2;
alert(a);
})();
写法
2
:
JScript
code
vara=2;
alert(a);
js中,(function(){})()的用法解析的更多相关文章
- 熟练掌握js中this的用法,解析this在不同应用场景的作用
由于其运行期绑定的特性,JavaScript 中的 this 含义要丰富得多,它可以是全局对象.当前对象或者任意对象,这完全取决于函数的调用方式. JavaScript 中函数的调用有以下几种方式:作 ...
- [转载]js中return的用法
一.返回控制与函数结果,语法为:return 表达式; 语句结束函数执行,返回调用函数,而且把表达式的值作为函数的结果 二.返回控制,无函数结果,语法为:return; 在大多数情况下,为事件处理函 ...
- [JavaScript] JS中对Base64的解析
JS中对Base64的解析 <script type="text/javascript"> /** * UTF16和UTF8转换对照表 * U+00000000 – U ...
- JS中event.keyCode用法及keyCode对…
js中event.keyCode用法及keyCode对照表 标签: javascriptJavaScriptJavascriptjavaScript 2012-12-11 15:11 HTML Jav ...
- 浅谈JS中 reduce() 的用法
过去有很长一段时间,我一直很难理解 reduce() 这个方法的具体用法,平时也很少用到它.事实上,如果你能真正了解它的话,其实在很多地方我们都可以用得上,那么今天我们就来简单聊聊JS中 reduce ...
- JS中 reduce() 的用法
过去有很长一段时间,我一直很难理解 reduce() 这个方法的具体用法,平时也很少用到它.事实上,如果你能真正了解它的话,其实在很多地方我们都可以用得上,那么今天我们就来简单聊聊JS中 reduce ...
- js中this的用法
经过近几周的模拟面试题,我查询了一些资料,今天就来说说,在js中this的用法吧.方法有四:第一,用作全局变量,第二,用作表该对象,第三,用作构造函数,第四,用作call和applay
- JQuery之append和appendTo的区别,还有js中的appendChild用法
JQuery之append和appendTo的区别 append()前面是要选择的对象,后面是要在对象内插入的元素内容 appendTo()前面是要插入的元素内容且为Jquery对象,而后面是要选择的 ...
- js中function的与众不同
js中function的与众不同在于可以被调用
- MATLAB中冒号的用法解析
MATLAB中冒号的用法解析 1.: 表示所有的意思. (1)如:a(1,:) 表示a的第1行,示例: 结果: 同样的如果a(2,:)表示a的第2行 (2)反过来,a(:,2) 表示a的第3列,示例: ...
随机推荐
- VS2012 编译程序时报无法载入PDB文件错误解决方式
VS2012 编译程序时报无法载入PDB文件错误解决方式 "ConsoleApplication1.exe"(Win32): 已载入"C:\Users\hp\Docume ...
- ECG信号读出,检测QRS,P,T 波(小波去噪,并根据检测),基于BP辨识的神经网络
这学期的课程选择神经网络.最后的作业处理ECG信号,并利用神经网络识别. 1 ECG引进和阅读ECG信号 1)ECG介绍 详细ECG背景应用就不介绍了,大家能够參考百度 谷歌.仅仅是简单说下ECG ...
- 微信小程序开发者工具集合包
开发论坛 http://www.henkuai.com/forum-56-1.html 工具包下载 https://yunpan.cn/ckXFpuzAeVi2s 访问密码 b4cc 开发文档 h ...
- Xampp mysql无法启动的解决方案(转)
如果出现mysql 无法启动表明在安装xampp 前已经安装了mysql,造成mysql服务无法启动. [mysql] MySQL Service detected with wrong path23 ...
- 公钥\私人 ssh避password登陆
相关概念以前见过,决不要注意,使用公共密钥管理之前,腾讯云主机的备案机,非常头发的感觉,查了一下相关资料,这里总结下: 字符a:192.168.7.188 (ubuntu) 字符b:192.168.7 ...
- Directx11学习笔记【四】 封装一个简单的Dx11DemoBase
根据前面两个笔记的内容,我们来封装一个简单的基类,方便以后的使用. 代码和前面类似,没有什么新的内容,直接看代码吧(由于代码上次都注释了,这次代码就没怎么写注释o(╯□╰)o) Dx11DemoBas ...
- Java误区: 静态代码块,当把类将被载入到自己主动运行?
JAVA静态代码块会在类被载入时自己主动运行? 非常多Java开发人员的思想,被这个思想深深的轮奸了n遍,传播这个错误思想的博客,在网上一堆,越来越多的人被轮奸. 如:http://blog.csdn ...
- C#和C++下数据类型对应表
/C++中的DLL函数原型为//extern "C" __declspec(dllexport) bool 方法名一(const char* 变量名1, unsigned char ...
- UIStepper使用的具体解释的控制
UIStepper控件类似于UISlider控件,但它有"+"和"-"两个button,单击当中一个可使属性value值递增或递减. 如声音.速度.图片等的大小 ...
- 对SA权限的再突破 (对付xplog70.dll被删)转载
原文:对SA权限的再突破 (对付xplog70.dll被删)转载 对SA权限的再突破 (对付xplog70.dll被删)转载 转载自:http://www.bitscn.com/plus/view.p ...