首页 > Web开发 > 详细

复习JavaScript 4

时间:2014-01-30 10:44:57      阅读:534      评论:0      收藏:0      [点我收藏+]

全面解析Module模式 复习


基本用法

  1. var Calculator = function (eq) {
  2. //这里可以声明私有成员
  3. var eqCtl = document.getElementById(eq);
  4. return {
  5. // 暴露公开的成员
  6. add: function (x, y) {
  7. var val = x + y;
  8. eqCtl.innerHTML = val;
  9. }
  10. };
  11. };

每次调用的时候new一下,不过这样每个实例都独立存在于内存中

  1. var calculator = new Calculator(‘eq‘);
  2. calculator.add(2, 2);

1、匿名闭包

  1. (function () {
  2. // ... 所有的变量和function都在这里声明,并且作用域也只能在这个匿名闭包里
  3. // ...但是这里的代码依然可以访问外部全局的对象
  4. }());

之前说过()内的function属于函数表达式,可以执行。

2、全局变量在模块中的使用

  • 全局变量传入模块中
    全局变量可以作为参数传入匿名函数中
  1. function ($, YAHOO) {
  2. // 这里,我们的代码就可以使用全局的jQuery对象了,YAHOO也是一样
  3. } (jQuery, YAHOO));
  • 模块中声明全局变量
  1. var blogModule = (function () {
  2. var my = {}, privateName = "博客园";
  3. function privateAddTopic(data) {
  4. // 这里是内部处理代码
  5. }
  6. my.Name = privateName;
  7. my.AddTopic = function (data) {
  8. privateAddTopic(data);
  9. };
  10. return my;
  11. } ());

感谢@汤姆大叔 的《深入理解JavaScript系列》指导我学习!

复习JavaScript 4

原文:http://www.cnblogs.com/ltchronus/p/3534933.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!