(function($){...})(jQuery)  含义

经常用,今天总结一下,下文摘自某网友的总结:

(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(){})()的用法解析相关推荐

  1. php function函数用法,js的function函数是什么?js中function的用法

    本篇文章给大家带来的内容是关于js的function函数是什么?js中function的用法,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. Function与函数 Function是 ...

  2. JS中typeof的用法

    转载自  JS中typeof的用法 js是一门弱语言,它在声明变量时无需确定变量的类型,js在运行时会自动判断.那么如何判断一个变量的类型呢,js提供了typeof运算符,用来检测一个变量的类型. 1 ...

  3. js中(function(){…})()立即执行函数写法理解

    js中(function(){-})()立即执行函数写法理解 javascript和其他编程语言相比比较随意,所以javascript代码中充满各种奇葩的写法,有时雾里看花,当然,能理解各型各色的写法 ...

  4. append和appendTo的区别以及js中的appendChild用法

    append和appendTo的区别以及js中的appendChild用法 很多像我一样接触JS没多久的小白对append和appendTo的区别以及js中的appendChild用法都会有所模糊,下 ...

  5. js中indexOf的用法详解

    js中indexOf的用法详解 String.IndexOf 方法 (Char, [startIndex], [count]) 报告指定字符在此实例中的第一个匹配项的索引.搜索从指定字符位置开始,并检 ...

  6. js中return的用法

    js中return的用法 今天看到一篇文章,介绍的是js中return的用法,感触很深.(类似于JAVA return) 在大多数情况下,为事件处理函数返回false,可以防止默认的事件行为.例如,默 ...

  7. JS中reduce的用法

    JS中reduce的用法 前言 语法 举例 reduce的应用 总结 前言 reduce() 方法对数组中的每个元素执行一个由您提供的reduce函数(升序执行),将其结果汇总为单个返回值.reduc ...

  8. js控制页面滚动到指定位置,js中scrollIntoView()的用法

    js中scrillIntoView()的用法--页面滚动到指定位置 最近遇到一个问题,在一个页面上,点击某个按钮时,滚动到页面的某一位置. 如图: 如果是我写的话,我可能会先获取滚动到的元素,然后获取 ...

  9. 内联函数 —— C 中关键字 inline 用法解析(转载)

    一.什么是内联函数 在C语言中,如果一些函数被频繁调用,不断地有函数入栈,即函数栈,会造成栈空间或栈内存的大量消耗. 为了解决这个问题,特别的引入了inline修饰符,表示为内联函数. 栈空间就是指放 ...

  10. innerHTML连接指定HTML文件,js中innerhtml的用法

    js中innerHTML与innerText的用法与区别 js中innerHTML的用法: innerHTML可获取或设置指定元素标签内的 html内容,从该元素标签的起始位置到终止位置的全部内容(包 ...

最新文章

  1. MySQL中的CURRENT_TIMESTAMP
  2. Java基础学习总结(18)——网络编程
  3. 能使曲线变平滑的一维滤波器_音响电源滤波器有什么作用?有人说能提升音质!你信不信?...
  4. python界面设置-PYTHON图形化操作界面的编程七__创建菜单
  5. 兼容性好的CSS字体投影
  6. 【Android开发】图形图像处理技术-绘制几何图形
  7. XML文档类型定义DTD
  8. Android Spinner值不显示,选择列表正常
  9. 打开电话Android系统调用
  10. 锁究竟锁住的是什么?
  11. java实现Comparable接口和Comparator接口,并重写compareTo方法和compare方法
  12. selenium实现登录百度(自动识别简单验证码)
  13. python语言实现rsa公钥密码算法_python 实现 rsa 算法加解密密码
  14. android缓存框架SimpleCache
  15. Developer's Guide to Microsoft Enterprise Library, C# Edition
  16. 仅用 10 天设计的 JavaScript,凭什么成为程序员最受欢迎的编程语言?
  17. bin文件如何编辑_每日学习:Linux文件与目录管理常用命令解析
  18. python图片拼接
  19. java字符串长度解答
  20. 怎么让代码的逻辑更清晰?

热门文章

  1. 服务器不显示内存条,服务器主机检测不到内存条
  2. 编写AXI4协议读写BRAM并仿真验证
  3. 光流 | 光流算法对比:Farneback、Horn-Schunck、Lucas-Kanade、Lucas-Kanade derivative of Gaussian(附Matlab与C++代码)
  4. java string isempty,java – String.isEmpty()和String.equals(“”)之间的区别
  5. python读取ttf_python解析字体反爬
  6. 小米用户画像_鹅智库发布手机品牌用户画像 一二线城市最爱小米 5G领域或占先机...
  7. julia(6)-循环与猜数字
  8. 【Python】全方面解读Python的格式化输出
  9. 我利用这几个神器来拯救自己奇丑无比的python代码
  10. 【Python】Python入门:4000字能把元组tuple讲透吗?