[201502]封装

最新推荐文章于 2022-10-12 15:54:26 发布

zccst

最新推荐文章于 2022-10-12 15:54:26 发布

阅读量90

点赞数

分类专栏： Web前端-JS语言核心文章标签： JavaScript ViewUI

本文链接：https://blog.csdn.net/zccst/article/details/84700904

版权

Web前端-JS语言核心专栏收录该内容

50 篇文章 0 订阅

订阅专栏

作者：zccst

我理解的封装是建立在熟悉面向对象和继承的基础之上。


function defineLogin(lib, undefined){

  //配置。默认配置，模板

  config = {};

  function Login(options){

    //初始化配置项

  }

  Login.prototype.render(){

    //渲染，绑定事件

  }

  ...

  Login.prototype.publicFunction(){

  }

  return Login;

}


//模块化 或 暴露给全局变量
if ( typeof define === "function") {
	define(function(require, exports, module) {
		require('json');
        module.exports = defineLogin(require('hogan'), require('ajax'));
    });
} else {
	window.defineLogin= defineLogin(window.Hogan, window.ajax);
}