js原型对象的作用,js对象的属性和方法
脚本类型=文本/javascript
//以下是对函数，对象，对象方法，对象属性及原型作一个简单的实例说明：
var test=test1=test2=function(width，height) { //同时建立多个函数（指定同一个对象的对象方法的实例)
返回new test.fn.init(宽度，高度)；
};
test.prototype=test.fn={
init: function (width，height) { alert(作者：这个。作者宽为：宽度，高为：身高);},//对象方法（函数)
作者： 张占岭//对象属性
};
考(800,600);
test1(400，300)；
/脚本
再来看一个访框架的选择器是如何使用它们的：
//作者：张占岭
//相关知识点：JS对象，原型，JS正则表达式，对象方法，对象属性等
//定义变量不明确的方便使用
var zzl query=window。zzl query=function(选择器，上下文){ //定义一个函数zzlQuery
返回new zzlQuery.fn.init(选择器，上下文);//函数返回一个对象
},
toString=object。原型。toString，//object等于目标的原型
idexpr=/^#([\w-])$/；//查询是否为一个身份
//设置框架的原型对象，用于所有框架对象共享
zzl查询。fn=zzl查询。原型={//# 74
长度：0,//#190
版本："1.0.0",//# 187
//这是一个示例，仅仅提供两种选择方式：id和标记名
初始化：函数（选择器，上下文){ //#75
//处理超文本标记语言字符串
如果(选择器的类型===string) {
//我们处理的是超文本标记语言字符串还是ID？
match=idExpr.exec(选择器);//执行一个正则表达式
//验证匹配，并且没有为#id指定上下文
if (match match[1]) {
var elem=文档。getelementbyid(match[1])；
if (elem) {
这个。长度=1；
this[0]=elem；
}
}
否则{
//直接使用标记名
var节点=文档。getelementsbytagname(选择器);
for (var l=nodes.length，j=0；j j ) {
this[j]=nodes[j]；
}
这个。长度=节点。长度；
}
this.context=文档；
this.selector=选择器；
还这个；
}
},
//代表的数字正射影像图对象的个数
size: function () {
返回这个长度
},
//用来设置钢性铸铁样式
css:函数（名称，值){
这个。每个（
函数（名称，值){
这个。style[name]=value；
},
参数//实际的参数以数组的形式传递
);
还这个；
},
//用来设置文本内容
文本：函数(瓦尔){
if (val) {
this.each(function () {
this.innerHTML=val
},
参数//实际的参数以数组的形式传递
)
}
还这个；
},
//用来对所有的数字正射影像图对象进行操作
//回调自定义的回调函数
//参数自定义的参数
每个：函数（回调，参数){ //#244
返回zzlQuery.each(this，callback，args)；
}
}
//初始化函数的原型也就是框架的原型
zzl查询。fn。初始化。原型=zzl查询。原型；//#303
//用来遍历框架对象中包含的元素
zzlQuery.each=function (object，callback，args) { //#550
变量i=0，长度=object.length
//没有提供参数
if (args===undefined) {
for(var value=object[0]；
我长度callback.call(值，I，值)！==假；
值=对象[我])
{ }
}
否则{
for(；我长度；) {
if (callback.apply(object[i ]，args)==false){
打破；
}
}
}
}
zzlQuery(h2 ).文本(你好，世界。).css(颜色,红色);//调用涵数
/脚本
看完之后是不是你也想说：哇，原来射流研究…也能面向对象呀！
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。