首页 > 技术文章 > 《javascript实战》Part2——构建可扩展的javascript库

guoguo0607 2013-08-07 09:51 原文

代码组织

组织好javascript代码来避免命名冲突,将相关函数干净地分组在一起

效仿在java、c#中使用的包系统——创建一个新类,然后将所有的工具函数作为那个类的成员

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8" />
    <title>组织代码——伪包完整例子</title>
    <script>
        jscript = function(){};
        jscript.ui = function(){};
        jscript.ui.alerts = new function(){};
        jscript.ui.alerts.showErrorAlert = function(){
            alert("An error occurred");           
        };
        jscript.ui.alerts.MessageDisplayer = function(inMsg){
            this.msg = inMsg;
            this.toString = function(){
                 return "msg = " + this.msg;
            }
        };
        function test(){
            jscript.ui.alerts.showErrorAlert();
            var v = new jscript.ui.alerts.MessageDisplayer("Hello!");
            alert(v);
        }
    </script>
</head>
<body>
    <input type="button" onclick="test()"; value="click me!" />
</body>
</html>

 

推荐阅读