- 浏览: 496139 次
- 性别:
- 来自: 北京
文章分类
- 全部博客 (563)
- 工作经验 (12)
- 数据库 (13)
- Servlet (10)
- Struts2 (1)
- Spring (25)
- Eclipse (5)
- Hibernate (5)
- Eclips (8)
- HTTP (7)
- J2EE (21)
- EHcache (1)
- HTML (11)
- 工具插件使用 (20)
- JPA (2)
- 杂谈 (17)
- 数据结构与算法 (3)
- Cloud Foundry (1)
- 安全 (10)
- J2SE (57)
- SQL (9)
- DB2 (6)
- 操作系统 (2)
- 设计模式 (1)
- 版本代码管理工具 (13)
- 面试 (10)
- 代码规范 (3)
- Tomcat (12)
- Ajax (5)
- 异常总结 (11)
- REST (2)
- 云 (2)
- RMI (3)
- SOA (1)
- Oracle (12)
- Javascript (20)
- jquery (7)
- JSP自定义标签 (2)
- 电脑知识 (5)
- 浏览器 (3)
- 正则表达式 (3)
- 建站解决问题 (38)
- 数据库设计 (3)
- git (16)
- log4j (1)
- 每天100行代码 (1)
- socket (0)
- java设计模式 耿祥义著 (0)
- Maven (14)
- ibatis (7)
- bug整理 (2)
- 邮件服务器 (8)
- Linux (32)
- TCP/IP协议 (5)
- java多线程并发 (7)
- IO (1)
- 网页小工具 (2)
- Flash (2)
- 爬虫 (1)
- CSS (6)
- JSON (1)
- 触发器 (1)
- java并发 (12)
- ajaxfileupload (1)
- js验证 (1)
- discuz (2)
- Mysql (14)
- jvm (2)
- MyBatis (10)
- POI (1)
- 金融 (1)
- VMWare (0)
- Redis (4)
- 性能测试 (2)
- PostgreSQL (1)
- 分布式 (2)
- Easy UI (1)
- C (1)
- 加密 (6)
- Node.js (1)
- 事务 (2)
- zookeeper (3)
- Spring MVC (2)
- 动态代理 (3)
- 日志 (2)
- 微信公众号 (2)
- IDEA (1)
- 保存他人遇到的问题 (1)
- webservice (11)
- memcached (3)
- nginx (6)
- 抓包 (1)
- java规范 (1)
- dubbo (3)
- xwiki (1)
- quartz (2)
- 数字证书 (1)
- spi (1)
- 学习编程 (6)
- dom4j (1)
- 计算机系统知识 (2)
- JAVA系统知识 (1)
- rpcf (1)
- 单元测试 (2)
- php (1)
- 内存泄漏cpu100%outofmemery (5)
- zero_copy (2)
- mac (3)
- hive (3)
- 分享资料整理 (0)
- 计算机网络 (1)
- 编写操作系统 (1)
- springboot (1)
最新评论
-
masuweng:
亦论一次OutOfMemoryError的定位与解错 -
变脸小伙:
引用[color=red][/color]百度推广中运用的技术 ...
Spring 3 mvc中返回pdf,json,xml等不同的view -
Vanillva:
不同之处是什么??
Mybatis中的like查询 -
thrillerzw:
转了。做个有理想的程序员
有理想的程序员必须知道的15件事 -
liujunhui1988:
觉得很有概括力
15 个必须知道的 Java 面试问题(2年工作经验)
源:http://blog.csdn.net/qq838419230/article/details/8030078
评:
立即执行函数(Immediate Functions)
立即执行函数模式是一种语法,可以让你的函数在定义后立即被执行,比如:
[javascript] view plaincopy
(function () {
alert('watch out!');
}());
这种模式本质上就是函数表达式(命名的或者匿名的),在创建后立即执行;
立即执行函数(immediate function)术语不是在ECMAScript标准中定义的,但它很短有助于描述和讨论模式;
这种模式有一些几部分组成:
使用函数表达式定义一个函数(函数声明不能起作用)
在结尾加上一对括号,让函数立即被执行
将整个函数包裹在一对括号中(只有在你不将函数赋值给一个变量的时候才需要)
下面这种可选的语法形式也是很常见的(注意结尾的一对括号),但JSLint趋向于第一种:
[javascript] view plaincopy
(function () {
alert('watch out!');
})();
这种模式是非常有用的,因为它为你初始化代码提供了一个作用域的沙箱;
考虑一下下面这种常见的场景:
你的代码在页面代码加载完成之后,不得不执行一些设置工作,比如附加时间处理器,创建对象等等,
所有的这些工作只需要执行一次,所以没有理由创建一个可复用的命名的函数,
但这些代码也需要一些临时的变量,但初始化过程结束后,就再也不会被用到了,
所以将这些变量作为全局变量不是个好主意,所以我们需要立即执行函数——去将我们所有的代码包裹在它的局部作用域中,不会让任何变量泄露成全局变量;
[javascript] view plaincopy
(function() {
var days = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
today = new Date(),
msg = 'Today is ' + days[today.getDay()] + ', ' + today.getDate();
alert(msg);
} ()); // "Today is Fri, 13"
如果代码没有被包裹在立即执行函数中,那么局部变量days,today和msg都将成为全局变量,初始化代码的遗留产物。
立即执行函数的参数(Parameters of an Immediate Function)
你也可以给立即执行函数传递参数,就像下面的例子一样:
[javascript] view plaincopy
// prints:
// I met Joe Black on Fri Aug 13 2010 23:26:59 GMT-0800 (PST)
(function(who, when) {
console.log("I met " + who + " on " + when);
} ("Joe Black", new Date()));
通常,全局变量被作为一个参数传递给立即执行参数,这样它在函数内部不使用window也可以被访问到:这种方式可以让代码在环境(除了浏览器)中更加通用:
[javascript] view plaincopy
(function (global) {
// access the global object via `global`
}(this));
记住:通常你不应该给立即执行函数传递太多的函数,因为它很快会成为一个负担——为了理解代码是如何工作的,你不得不经常上下滚动源代码。
立即执行函数的返回值(Returned Values from Immediate Functions)
就像其它任何函数一样,一个立即执行函数也能返回值并且可以复制给其它变量:
[javascript] view plaincopy
var result = (function () {
return 2 + 2;
}());
另外一种实现相同的功能的方法是省略包裹函数的括号,因为当你将立即执行函数的返回值赋值给一个变量时它们不是必需的;
[javascript] view plaincopy
var result = function () {
return 2 + 2;
}();
这种语法是非常简单的,但它可能看起来有点令人误导;
如果没有注意到函数结束的括号,一些人可能就会认为result指向一个函数;
实际上result指向立即执行函数的返回值,在这种情况下是数字 4 。
还有另一种语法可以实现相同的功能:
[javascript] view plaincopy
var result = (function () {
return 2 + 2;
})();
在前面的例子中返回一个基本类型的整数作为立即执行函数的返回值;
但是除了基本类型值,立即执行函数也能返回任何类型的值,包括其它的函数;
那么,你可以利用立即执行函数的作用域为返回的内部函数私下里存储一些数据。
在接下来的例子中,立即执行函数的返回值是一个函数——被赋值给了变量getResult,这个函数简单的返回了res的值,这个值事先被计算并被储存在立即执行函数的闭包中:
[javascript] view plaincopy
var getResult = (function() {
var res = 2 + 2;
return function() {
return res;
};
} ());
立即执行函数也可以用来定义对象的属性;
假如,你需要定义一个很可能在对象生命周期中都不会改变的属性,但在你定义之前,你需要做一下工作去计算出正确的值;
你可以使用立即执行函数去封装这些工作,并且立即执行函数的返回值将会成为属性的值,下面的代码:
[javascript] view plaincopy
var o = {
message: (function() {
var who = "me",
what = "call";
return what + " " + who;
} ()),
getMsg: function() {
return this.message;
}
};
// usage
o.getMsg(); // "call me"
o.message; // "call me"
在这个例子中,o.message是一个字符串类型的属性,不是一个函数,但它需要一个函数在脚本被载入时被执行并帮忙定义属性。
好处和用法(Benefits and Usage)
立即执行函数模式被广泛使用,它可以帮你封装大量的工作而不会在背后遗留任何全局变量。
你定义的所有变量都会成员立即执行函数的局部变量,所以你不用担心这些临时变量会污染全局空间。
这种模式经常被使用在书签工具(bookmarklets)中,因为书签工具在任何页面上运行并且保持全局命名空间干净是非常必要的;
这种模式也可以让你将独立的功能封装在自包含模块中(self-contained modules)。
假如你的页面是稳定的并且在没有JavaScript情况下能正常工作,然后本着逐步加强的想法,你加入了一些代码加强页面某个方面;
你可以将这些代码封装进一个立即执行函数中,并且确保页面没有它的情况下也能正常工作。
然后你可以添加更多的加强模块,移除它们,单独测试它们,允许用户去禁用它们等等。
你可以使用下面的模板去定义一个函数模块,让我们叫它module1:
[javascript] view plaincopy
// module1 defined in module1.js
(function () {
// all the module 1 code ...
}());
评:
立即执行函数(Immediate Functions)
立即执行函数模式是一种语法,可以让你的函数在定义后立即被执行,比如:
[javascript] view plaincopy
(function () {
alert('watch out!');
}());
这种模式本质上就是函数表达式(命名的或者匿名的),在创建后立即执行;
立即执行函数(immediate function)术语不是在ECMAScript标准中定义的,但它很短有助于描述和讨论模式;
这种模式有一些几部分组成:
使用函数表达式定义一个函数(函数声明不能起作用)
在结尾加上一对括号,让函数立即被执行
将整个函数包裹在一对括号中(只有在你不将函数赋值给一个变量的时候才需要)
下面这种可选的语法形式也是很常见的(注意结尾的一对括号),但JSLint趋向于第一种:
[javascript] view plaincopy
(function () {
alert('watch out!');
})();
这种模式是非常有用的,因为它为你初始化代码提供了一个作用域的沙箱;
考虑一下下面这种常见的场景:
你的代码在页面代码加载完成之后,不得不执行一些设置工作,比如附加时间处理器,创建对象等等,
所有的这些工作只需要执行一次,所以没有理由创建一个可复用的命名的函数,
但这些代码也需要一些临时的变量,但初始化过程结束后,就再也不会被用到了,
所以将这些变量作为全局变量不是个好主意,所以我们需要立即执行函数——去将我们所有的代码包裹在它的局部作用域中,不会让任何变量泄露成全局变量;
[javascript] view plaincopy
(function() {
var days = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
today = new Date(),
msg = 'Today is ' + days[today.getDay()] + ', ' + today.getDate();
alert(msg);
} ()); // "Today is Fri, 13"
如果代码没有被包裹在立即执行函数中,那么局部变量days,today和msg都将成为全局变量,初始化代码的遗留产物。
立即执行函数的参数(Parameters of an Immediate Function)
你也可以给立即执行函数传递参数,就像下面的例子一样:
[javascript] view plaincopy
// prints:
// I met Joe Black on Fri Aug 13 2010 23:26:59 GMT-0800 (PST)
(function(who, when) {
console.log("I met " + who + " on " + when);
} ("Joe Black", new Date()));
通常,全局变量被作为一个参数传递给立即执行参数,这样它在函数内部不使用window也可以被访问到:这种方式可以让代码在环境(除了浏览器)中更加通用:
[javascript] view plaincopy
(function (global) {
// access the global object via `global`
}(this));
记住:通常你不应该给立即执行函数传递太多的函数,因为它很快会成为一个负担——为了理解代码是如何工作的,你不得不经常上下滚动源代码。
立即执行函数的返回值(Returned Values from Immediate Functions)
就像其它任何函数一样,一个立即执行函数也能返回值并且可以复制给其它变量:
[javascript] view plaincopy
var result = (function () {
return 2 + 2;
}());
另外一种实现相同的功能的方法是省略包裹函数的括号,因为当你将立即执行函数的返回值赋值给一个变量时它们不是必需的;
[javascript] view plaincopy
var result = function () {
return 2 + 2;
}();
这种语法是非常简单的,但它可能看起来有点令人误导;
如果没有注意到函数结束的括号,一些人可能就会认为result指向一个函数;
实际上result指向立即执行函数的返回值,在这种情况下是数字 4 。
还有另一种语法可以实现相同的功能:
[javascript] view plaincopy
var result = (function () {
return 2 + 2;
})();
在前面的例子中返回一个基本类型的整数作为立即执行函数的返回值;
但是除了基本类型值,立即执行函数也能返回任何类型的值,包括其它的函数;
那么,你可以利用立即执行函数的作用域为返回的内部函数私下里存储一些数据。
在接下来的例子中,立即执行函数的返回值是一个函数——被赋值给了变量getResult,这个函数简单的返回了res的值,这个值事先被计算并被储存在立即执行函数的闭包中:
[javascript] view plaincopy
var getResult = (function() {
var res = 2 + 2;
return function() {
return res;
};
} ());
立即执行函数也可以用来定义对象的属性;
假如,你需要定义一个很可能在对象生命周期中都不会改变的属性,但在你定义之前,你需要做一下工作去计算出正确的值;
你可以使用立即执行函数去封装这些工作,并且立即执行函数的返回值将会成为属性的值,下面的代码:
[javascript] view plaincopy
var o = {
message: (function() {
var who = "me",
what = "call";
return what + " " + who;
} ()),
getMsg: function() {
return this.message;
}
};
// usage
o.getMsg(); // "call me"
o.message; // "call me"
在这个例子中,o.message是一个字符串类型的属性,不是一个函数,但它需要一个函数在脚本被载入时被执行并帮忙定义属性。
好处和用法(Benefits and Usage)
立即执行函数模式被广泛使用,它可以帮你封装大量的工作而不会在背后遗留任何全局变量。
你定义的所有变量都会成员立即执行函数的局部变量,所以你不用担心这些临时变量会污染全局空间。
这种模式经常被使用在书签工具(bookmarklets)中,因为书签工具在任何页面上运行并且保持全局命名空间干净是非常必要的;
这种模式也可以让你将独立的功能封装在自包含模块中(self-contained modules)。
假如你的页面是稳定的并且在没有JavaScript情况下能正常工作,然后本着逐步加强的想法,你加入了一些代码加强页面某个方面;
你可以将这些代码封装进一个立即执行函数中,并且确保页面没有它的情况下也能正常工作。
然后你可以添加更多的加强模块,移除它们,单独测试它们,允许用户去禁用它们等等。
你可以使用下面的模板去定义一个函数模块,让我们叫它module1:
[javascript] view plaincopy
// module1 defined in module1.js
(function () {
// all the module 1 code ...
}());
发表评论
-
js 时间格式化 与 js 时间比较 函数
2016-07-22 12:02 476源:http://www.cnblogs.com/zhangp ... -
js 关闭浏览器窗口事件
2016-04-24 00:35 2937源: 评: 1. 不带任何提示关闭窗口的js代码 复制代码 代 ... -
js获取服务器详细地址
2016-03-23 11:29 1027源:http://www.jb51.net/article/4 ... -
JS中的Map
2015-07-23 16:05 504源:http://blog.sina.com.cn/s/blo ... -
AMD规范
2015-01-05 11:24 546源:http://blog.sina.com.cn/s ... -
eval解析JSON中的注意点
2014-11-23 15:49 593源:http://www.cnblogs.com/myjava ... -
JS中定时执行,setTimeout和setInterval的区别,以及l解除方法
2014-07-15 11:47 472源:http://blog.csdn.net/chenghp/ ... -
js 格式化时间
2014-04-09 15:11 534源:http://blog.sina.com.cn/s/blo ... -
用js调用迅雷下载代码
2013-12-22 21:01 1403源:http://hi.baidu.com/287740456 ... -
js中判断2个字符串相等的问题 ie 问题
2013-12-02 09:52 915源:http://bbs.csdn.net/topics/30 ... -
js 拆分字符串为数组 与 数组删除某索引值
2013-11-26 11:51 1348源: 评: js split用法 <scr ... -
js动态时间显示
2013-07-14 16:22 386源:http://josephmok.iteye.com/b ... -
js的with语句使用方法
2013-07-14 16:20 718源: 评: 1)简要说明 with 语句 ... -
将人民币金额转换为大写 跨单位加零
2013-05-21 22:44 1098源:http://www.oschina.net/code/ ... -
设置checkbox为只读(readOnly)
2013-05-15 15:22 1845源:http://hi.baidu.com/zhuyuli5 ... -
JS实现数字转换为货币汉字大写数字的方法详解
2013-05-06 18:19 740源:http://blog.csdn.net/REB ... -
浅谈 js中parseInt函数的解析
2013-03-27 10:35 774源:http://www.cnblogs.com/a ... -
JS中showModalDialog 详细使用
2013-03-22 17:16 756源:http://www.cnblogs.com/Dlong ... -
[JavaScript][页面定位]锚的简单使用
2013-03-20 15:18 831源:http://blog.csdn.net/szwang ...
相关推荐
个人Javascript学习笔记 精华版 个人Javascript学习笔记 精华版 个人Javascript学习笔记 精华版
JavaScript学习笔记JavaScript学习笔记
javascript 学习笔记
前端学习——javascript学习笔记(二)函数
JavaScript学习笔记,javascript基础知识,基础语法整理.pdf
JavaScript-学习笔记
HTML+CSS+JavaScript教程学习笔记HTML+CSS+JavaScript教程学习笔记 HTML+CSS+JavaScript教程学习笔记HTML+CSS+JavaScript教程学习笔记 HTML+CSS+JavaScript教程学习笔记HTML+CSS+JavaScript教程学习笔记 ...
JavaScript学习笔记.pdf
JavaScript学习笔记_js常用函数封装_js包 gulp scss 模块化开发 github常用命令
详细的javascript学习笔记,DOM,BOM,AJAX等详细笔记!
javaScript学习笔记总结.docx
javascript学习笔记讲解版参考.pdf
JavaScript 学习笔记集和代码库JavaScript 学习笔记集和代码库JavaScript 学习笔记集和代码库JavaScript 学习笔记集和代码库JavaScript 学习笔记集和代码库JavaScript 学习笔记集和代码库JavaScript 学习笔记集和...
javascript入门学习笔记,绝对经典
javascript笔记javascript笔记javascript笔记
JavaScript学习笔记归纳.pdf
JavaScript基础学习笔记
javascript 学习笔记javascript 学习笔记javascript 学习笔记javascript 学习笔记javascript 学习笔记javascript 学习笔记javascript 学习笔记javascript 学习笔记javascript 学习笔记