zl程序教程

您现在的位置是:首页 >  后端

当前栏目

nullJavascript中创建对象的五种方法实例

实例方法 五种 创建对象
2023-06-13 09:14:52 时间

复制代码代码如下:


<scripttype="text/javascript">

//方法一
varp0=newObject();
p0.name="xy";
p0.age=20;
p0.sayName=function(){alert(this.name);}
p0.showAgeAfterSomeYears=function(year){returnthis.age+year};
p0.sayName();
alert(p0.showAgeAfterSomeYears(10));

//方法二
functionPerson(){
}
varp1=newPerson();
p1.name="xy";
p1.age=20;
p1.sayName=function(){alert(this.name);}
p1.showAgeAfterSomeYears=function(year){returnthis.age+year};
p1.sayName();
alert(p1.showAgeAfterSomeYears(10));

//方法三
functionPerson(name,age){
this.name=name;
this.age=age;
this.sayName=function(){alert(this.name);}
this.showAgeAfterSomeYears=function(year){returnthis.age+year};
}
varp2=newPerson("xy",20);
p2.sayName();
alert(p2.showAgeAfterSomeYears(10));

//方法四
varp3={
name:"xy",
age:20,
sayName:function(){alert(this.name);},
showAgeAfterSomeYears:function(year){returnthis.age+year}
};
p3.sayName();
alert(p3.showAgeAfterSomeYears(10));

//方法五
varp4={};
p4.name="xy";
p4.age=20;
p4.sayName=function(){alert(this.name);}
p4.showAgeAfterSomeYears=function(year){returnthis.age+year};
p4.sayName();
alert(p4.showAgeAfterSomeYears(10));

</script>