1、直接创建
<script>
var student = new Object();
student.name = "Jim";
student.doHomework = function(){
console.log(this.name+"正在做作业。。。。。。");
};
student.doHomework(); //Jim正在做作业。。。。。。
//修改对象名再调用方法
student.name = "Kate";
student.doHomework(); //Kate正在做作业。。。。。。
</script>
2、初始化式
<script>
var student = {
name:"Jim",
age:12,
doHomework:function(){
console.log(this.name+"正在做作业。。。。。。");
},
eat:function(){
console.log(this.name+"正在吃东西。。。。。。");
}
}
student.doHomework(); //Jim正在做作业。。。。。。
student.eat(); //Jim正在吃东西。。。。。。
</script>
3、构造方法式
<script>
function Student(name){
this.name = name;
this.doHomework = function(){
console.log(this.name+"正在做作业。。。。。。");
};
}
var student = new Student("Jim");
student.doHomework(); //Jim正在做作业。。。。。。
</script>
4、原型式
<script>
function Student(){
}
Student.prototype.name = "Jim";
Student.prototype.doHomework = function(){
console.log(this.name+"正在做作业。。。。。。");
};
var student = new Student();
student.doHomework(); //Jim正在做作业。。。。。。
</script>
5、混合式:
<script>
function Student(name){
this.name = name;
}
Student.prototype.doHomework = function(){
console.log(this.name+"正在做作业。。。。。。");
};
var student = new Student("Jim");
student.doHomework(); //Jim正在做作业。。。。。。
</script>