复习JavaScript 4

全面解析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

上一篇:jQuery,javascript获得网页的高度和宽度


下一篇:delphi idhttp提交网址包含中文