<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
/*
* 自定义javascript对象一:
定义一个函数的时候,首字母大小,默认为构造函数了
构造函数模式:
格式:function MyObject(){
......js code......
}
如何遍历对象的属性:for in
*/
//定义一个函数的时候,首字母大小,默认为构造函数了
function MyObject(){
}
var myobj=new MyObject();
//------------------------------------
//this:指的就是该对象创建出来的实例对象(在javascript要摈弃类的概念)
function Student(name,age){
this.name=name;
this.age=age;
//给对象添加函数类型的属性
this.getAge=function(){
return this.age;
};
this.setAge=function(age2){
this.age=age2;
};
}
var stu1=new Student("胡哥","秘密");
alert(stu1.name);
stu1.setAge(18);
alert(stu1.getAge());
//给新对象添加属性-这样的写法也是ok的啦
stu1.setName=function(name){
this.name=name
}
//-----------构造方法模式的优缺点------------------
//1.使用简单
//2.缺点:所有新创建的代码,都有相同的代码块,造成浪费空间
//遍历对象的属性
for(tt in stu1){
alert("属性:"+ttt);
}
</script>
</head>
<body>
</body>
</html>
构造函数模式自定义js对象
原创mb60b8936aed2b7 ©著作权
©著作权归作者所有:来自51CTO博客作者mb60b8936aed2b7的原创作品,请联系作者获取转载授权,否则将追究法律责任
提问和评论都可以,用心的回复会被更多人看到
评论
发布评论
相关文章
-
SpringBoot自定义starter
SpringBoot自定义starter
spring maven ci -
281 对象的创建模式:Object构造函数模式,对象字面量模式,构造函数模式,工厂模式,构造函数+原型的组合模式
Object构造函数模式 对象字面量模式 构造函数模式 构造函数+原型的组合模式
html 构造函数 javascript 自定义 数据