JS创建对象的四种简单方式 (工厂模式和自定义构造函数创建对象的区别)

时间:2023-03-08 21:50:10

// 对象:特指的某个事物,具有属性和方法(一组无序的属性的集合)
// 特征------>属性
// 行为------>方法

// 创建对象的四种方式

1 // 1.字面量的方式,就是实例化对象

 var stu1={
name:"小明",
age:20,
ID:20181111,
sex:"男",
eat:function(){
console.log("吃烩面");
},
readBook:function(){
console.log("平凡的世界");
}
}; // 2.调用系统的构造函数 var stu2=new Object();
stu2.name="小红";
stu2.age=19;
stu2.ID=20181112;
stu2.sex="女";
stu2.eat=function(){
console.log("吃米饭");
};
stu2.readBook=function(){
console.log("穆世林的葬礼");
};
//方式1、2 创建的对象没有propotype原型属性,3、4通过函数的形式创建的有prototype属性
prototype属性:为一个特定类声明通用的变量或者函数
不需要显式地声明一个prototype属性,因为在每一个构造函数中都有它的存在
var Person = function(){};

var p = new Person();

alert(p.__proto__ === Person.prototype);//true
 
 // 3.自定义构造函数的方式

 function Student(name,age,ID,sex){
this.name=name;
this.age=age;
this.ID=ID;
this.sex=sex;
this.sayHi=function(){
console.log("您好!");
};
}
//创建对象--->实例化一个对象,同时对属性进行初始化。
// 1.开辟空间存储对象
// 2.把this设置为当前的对象
// 3.设置属性和方法的值
// 4.把this对象返回
var stu3=new Student("小天",18,20181113,"男"); // 4.工厂模式创建对象 function student(name,age,ID,sex){
var obj = new Object();
obj.name=name;
obj.age=age;
obj.ID=ID;
obj.sex=sex;
obj.sayHi=function(){
console.log("您好!");
};
return obj;
}
var stu4=student("小菊",21,20181114,"女");

工厂模式和自定义构造函数创建对象的区别:

JS创建对象的四种简单方式 (工厂模式和自定义构造函数创建对象的区别)

推荐使用自定义构造函数的方法创建对象