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

purediy

<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[0]=="GLOBAL") ? 1 : 0;  i<arr.length;  i++){　　　　o[arr] = o[arr] || {};　　　　o = o[arr];　　}}    //调用GLOBAL.namespace("A.DOG");GLOABL.A.DOG.name = "wangcai";