美文网首页
js 模块编程

js 模块编程

作者: 芹菜斯_嘉丽 | 来源:发表于2016-09-06 17:11 被阅读0次

引用博客
http://www.ruanyifeng.com/blog/2012/10/javascript_module.html

**为什么使用模块

因为有了模块,我们就可以更方便地使用别人的代码,想要什么功能,就加载什么模块。

1.原始写法

只要把不同的函数(以及记录状态的变量)简单地放在一起,就算是一个模块。

  function m1(){
    //...
  }
  function m2(){
    //...
  }

2.对象写法

把模块写成一个对象,所有的模块成员都放到这个对象里面

var module1 = new Object({
    _count : 0,
    m1 : function (){
      //...
    },
    m2 : function (){
      //...
    }
  });

或者

var module1 = {
      count:3,
      init:function( num ){
          ....(code)
      },
     run:function(){
        <code>
     }
}

调用方法
mode1.init(num);

缺点

可以在外部改写对象状态,即修改count的值。修改方法:

modle1.count = 5;

3.立即执行函数方式

达到不暴露私有成员的目的。

 var module1 = (function(){
    var _count = 0;
    var m1 = function(param){
      //...
    };
    var m2 = function(){
      //...
    };
    return {
      m1 : m1,
      m2 : m2
    };
  })();

调用方法:

modle1.m1(param);

直接调用

console.log(modle1._count)//undefined 不能再外部改变

对于立即执行函数的理解

4.放大模式

如果一个模块很大,必须分成几个部分,或者一个模块需要继承另一个模块,这时就有必要采用"放大模式"(augmentation)。

相关文章

  • 01.npm是什么

    管理js模块的工具同时方便各方开发者共享js模块交流编程经验详情见官方文档

  • 1-1作业参考答案

    模块一:函数式编程与 JS 异步编程、手写 Promise参考答案 简答题 一、谈谈你是如何理解 JS 异步编程的...

  • 关于模块化的思考

    模块就是实现功能的一组方法。js模块编程,js不支持类 更别提模块,es6将支持类和模块。 什么是模块? 定义:具...

  • js 模块编程

    引用博客http://www.ruanyifeng.com/blog/2012/10/javascript_mod...

  • js模块化相关

    js模块化编程之彻底弄懂CommonJS和AMD/CMD!

  • node.js学习笔记(一)

    Node.js多端技术体系 JavaScript JS模块规范 npm 异步编程经验(Promise,genera...

  • 01node.js

    01、模块 02、关注学习 03、Node.js 回调函数Node.js 异步编程的直接体现就是回调。异步编程依托...

  • HTML5+JS开发资料收集

    持续更新... html5 canvas 详细使用教程 js模块化编程

  • Socket 编程入门

    一、基于 Net 模块的 Socket 编程 1.1 ServerSocket.js 1.2 ClientSock...

  • Node.js学习

    Node.js学习计划(一)——模块化编程 一、创建模块 手动创建一个项目结构: wise-modules存放模块...

网友评论

      本文标题:js 模块编程

      本文链接:https://www.haomeiwen.com/subject/tgbdettx.html