WEB开发网
开发学院网页设计JavaScript javascript 编写自己的框架 阅读

javascript 编写自己的框架

 2010-09-14 13:43:12 来源:WEB开发网   
核心提示:看了itcast里面老师的讲课,下面是我一些体会(function(){ window['czf'] = {}\ 命名空间 var $$= function(){ alert('这个是私有的方法'); } window['czf']["$"] = $

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

(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']["$"] = $$; 可以有自己的命名空间。

<!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>

还有一种写法

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 对象时候,添加对象的属性或方法。

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

var a=function()
{
    $1=function(){
        alert("OKYZX");
    };
    //$1();

    this.$2 = function(){
        alert("OK$2");
    }
};

a.prototype.$r = function(){
    alert("a.prototype.$r,必须实例化");
}
a.$3 = function (){
    alert("OK,$3");
}
a();

$1();

var aa = new a();
aa.$2();//内部一个方法
aa.$r();//必须实例化,才可以调用

a.$3();

推荐大家去看看JavaScript 高级程序设计,第二书店有连载,不错的说。

Tags:javascript 编写 自己

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接