purediy 发表于 2012-12-22 21:31:01

[原]《Web前端开发修炼之道》-读书笔记JavaScript部分

<div id="cnblogs_post_body">JavaScript的分层概念

为了使代码更清晰,减少冗余,提高代码重用率,和css分层一样:
base层:最低端,给common层和page层提供接口的,两个职责:1:不同浏览器之间js的差异提供统一接口;2:扩展js语言底层提供的接口。
common层:提供可复用的组件,和页面内具体功能无关。common层的功能是给page层用的。
page层:最顶端,该层主要是完成各个页面内的功能需求。
良好的编程习惯

命名空间和匿名函数的使用

避免JS冲突,避免全局变量泛滥,划分模块。
生成命名空间是一个很常用的功能,可以将其封装为一个函数。
<div id="scid:f32c3428-b7e9-4f15-a8ea-c502c7ff2e88:a8ffbc9e-b8e1-4435-8aed-63093db4e4aa" class="wlWriterEditableSmartContent" style="margin: 0px; display: inline; float: none; padding: 0px;">var GLOBAL = {};GLOBAL.namespace = function(str) {  var arr = str.split("."), o=GLOBAL;  for(var i = (arr=="GLOBAL") ? 1 : 0;i<arr.length;i++){    o] = o] || {};    o = o];  }}    //调用GLOBAL.namespace("A.DOG");GLOABL.A.DOG.name = "wangcai";
页: [1]
查看完整版本: [原]《Web前端开发修炼之道》-读书笔记JavaScript部分