js模块编写

最新推荐文章于 2024-08-23 16:53:29 发布

weixin_30419799

最新推荐文章于 2024-08-23 16:53:29 发布

阅读量126

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/dkplus/p/8295812.html

版权

js模块编写

编写模块obj.js

//obj.js
'use strict';

//引入模块
const dkplus = require('dkplus.js');

!(function(){
    //模块化obj
    const obj = (function(){
        //定义属性和方法
        const name = '';
        const tech = {};
        const method = function(){}

        //暴露属性和方法
        return {
            name: name,
            tech: tech,
            method: method
        }
    })();
    //nodejs
    if (typeof exports !== 'undefined'){
        module.exports = obj;
    }
    //seajs&requirejs
    if (typeof define === 'function'){
        define(function(){
            return obj;
        });
    }
})()

使用模块obj.js，导出模块render.js

//render.js
'use strict';

const obj = require('./obj.js');

const render = (function(){
    function init() {
        //访问obj的name属性
        console.log(obj.name);
        //访问obj的method方法
        obj.method();
    }
    return {
        init
    }
});

module.exports = render;

使用模块obj.js&render.js,主运行程序index.js

//index.js
'use strict';

const obj = require('./obj.js');
const render = require('./render.js');
const jQuery = require('./jQuery.js');

require('./index.less');

$(function(){
    //访问obj的method方法
    obj.method();
    //初始化render
    render.init();
})

转载于:https://www.cnblogs.com/dkplus/p/8295812.html