javascript 编写自己的框架

最新推荐文章于 2024-09-11 15:33:18 发布

weixin_30580341

最新推荐文章于 2024-09-11 15:33:18 发布

阅读量65

点赞数

文章标签： javascript xhtml ViewUI

原文链接：http://www.cnblogs.com/86188281/archive/2009/03/27/1422962.html

版权

看了itcast里面老师的讲课，下面是我一些体会

Code
(function(){
          window['czf'] = {}\\ 命名空间

         var $$= function(){
               alert('这个是私有的方法');
          }
          window['czf']["$"] = $$;

                $11= function (){
        alert("这个是public方法"); \\直接调用
          }
                function fn(){
                     alert("这个也是私有"); \\=var a=function(){}
                }

}();

这里可以分有2步来
var fn = function(){};
fn();

这里$11相当与是全局变量，可以任意调用，一般是用window['czf']["$"] = $$; 可以有自己的命名空间。

html

Code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script type="text/javascript" src="czf.js" ></script>
</head>

<body onload="$11();">
<input type="button" onclick = "czf.$();"/>
</body>
</html>

还有一种写法

Code
function(){
var MSDNMagNS = {};

MSDNMagNS.Pet = function(name) { alert(name);  };
MSDNMagNS.Pet.prototype.toString = function() {
    alert('prototype.tostring');
};

MSDNMagNS.Pet.toString = function() {
     alert("Pet.toString ");
};

var pet = new MSDNMagNS.Pet('Yammer');
pet.toString();\\输出prototype.tostring

}();

之前一直对prototype不理解，通过这个例子可以知道了
在new 对象时候，添加对象的属性或方法。

下面的例子，大家也可以测试看看