1. <nav id="9tq2v"><big id="9tq2v"><video id="9tq2v"></video></big></nav>
        1. <label id="9tq2v"></label>
          设为首页 - 加入收藏 镇江站长网 (http://www.uswotlk.com)- 中小站长必上的网站 - 聚焦镇江站长前沿资讯!
          热搜: 手机 优酷 中国 创业者
          当前位置: 主页 > 综合聚焦 > 创业热点 > 模式 > 正文

          JavaScript分离页面配置和代码逻辑

          发布时间:2018-10-07 16:43 所属栏目:[模式] 来源:站长网
          导读:为了代码清晰结构性强,通常需要分离页面配置参数和代码逻辑。约定唯一的命名空间,实现基本的所谓结构和行为分离。 第一种方式,提供一个暴露在 window 的全局对象,这里是 TB 变量。然后所有的代码被封装在该全局对象下。 Copy to Clipboard 引用的内容

          为了代码清晰结构性强,通常需要分离页面配置参数和代码逻辑。约定唯一的命名空间,实现基本的所谓结构和行为分离。

          第一种方式,提供一个暴露在 window 的全局对象,这里是 TB 变量。然后所有的代码被封装在该全局对象下。

          Copy to ClipboardLiehuo.Net Codes引用的内容:[www.veryhuo.com] // 创建命名空间
          var TB = {};

          /**
          * 定义初始化入口函数
          * @method init
          * @param {JSON} config 页面配置参数
          */
          TB.init = function(config){

          console.log(config.demo);

          }

          // 页面配置参数的初始化
          TB.init({

          'demo': 'http://demo.mangguo.org'

          });

          或者,匿名函数模式,把参数传给匿名函数,并局限在该函数体内部。隔离作用域链,所谓闭包。

          Copy to ClipboardLiehuo.Net Codes引用的内容:[www.veryhuo.com] /**
          * 定义匿名函数
          * @param {JSON} config 页面配置参数
          */
          (function(config){

          console.log(config.demo);

          })({
          demo : 'http://demo.mangguo.org'
          });

          第一种可能更适合于组织复杂代码,模块化,颗粒化。

          【免责声明】本站内容转载自互联网,其相关言论仅代表作者个人观点绝非权威,不代表本站立场。如您发现内容存在版权问题,请提交相关链接至邮箱:bqsm@foxmail.com,我们将及时予以处理。

          网友评论
          推荐文章
          金亚洲游戏