第一种:实例对象
//使用基本对象的方式
<script type="text/javascript">
var student = new Object();
student.name="jin";
student.age=12;
student.show=function(){
console.log(this.name,this.age);
}
student.show();
</script>
第二种:其实就是在第一种的方式中来进行了封装,最终把赋值完成的对象返回,如果要实例对象的话,就只用调用这个方法就可以了
//第二种,工厂模式
<script type="text/javascript">
function Person(name,age){
var person = new Object();
person.name = name;
person.age = age;
person.showinfo=function(){
console.log(this.name,this.age);
}
return person;
}
var p = Person("ji",22);
p.showinfo();
</script>
第三种:这种就是最实用也是最普遍的:
//第三种:构造方法
<script type="text/javascript">
function person(name,age){
this.name = name;
this.age = age;
this.showinfo = function(){
console.log(this.name,this.age);
}
}
//调用
var p = new person("jjj",22);
p.showinfo();
</script>
第四种:字面量创建:
//第四种:字面量创建对象
<script type="text/javascript">
var person={
name:"jjjij",
age:22,
showinfo:function(){
console.log(this.name,this.age);
}
}
person.showinfo();
</script>
第五种:原型创建
//第五种:原型对象
<script type="text/javascript">
function User(name,age){
this.name=name;
this.age=age;
}
User.prototype.sex="男";
User.prototype.showinfo = function(){
console.log(this.name,this.age,this.sex);
}
var us = new User("jin",23);
us.sex="nan";
us.showinfo();
</script>