javascript 编写自己的框架

杨杨笑人

杨杨笑人

2016-02-19 16:14

下面图老师小编跟大家分享javascript 编写自己的框架,一起来学习下过程究竟如何进行吧!喜欢就赶紧收藏起来哦~

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

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

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

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

}();

  这里可以分有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

  还有一种写法

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

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 高级程序设计,第二书店有连载,不错的说。

展开更多 50%)
分享

猜你喜欢

javascript 编写自己的框架

Web开发
javascript 编写自己的框架

JavaScript框架编程

Web开发
JavaScript框架编程

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

JavaScript框架的实用函数

Web开发
JavaScript框架的实用函数

什么是JavaScript框架

Web开发
什么是JavaScript框架

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

JavaScript框架hover事件处理

Web开发
JavaScript框架hover事件处理

JavaScript教程:如何访问框架?

Web开发
JavaScript教程:如何访问框架?

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

Javascript工作流引擎代码及实例

Javascript工作流引擎代码及实例

Win7自带的多媒体软件——Windows media Center到底有多强大

Win7自带的多媒体软件——Windows media Center到底有多强大
下拉加载更多内容 ↓