Day01·JS高级-对象的四种创建方法

Day01·对象的四种创建方法

1. 基本方法：
   let s1={
   name:”王五”,
   age:21,
   eat:function(){
   console.log(this.name+”正在吃”);
   }
   }
   优点：简单；
   缺点：无法量产;
2. 工厂模式：（利用函数将相同的属性封装起来方便量产）
   function Student(name,age){
   let s=new Object();
   s.name=name;
   s.age=age;
   s.eat=function(){
   console.log(this.name+”正在吃”);
   }
   return s;
   }
   let s1=Student(“王五”,21);
   let s2=Student(“赵六”,22);
   console.log(s1 instanceof Student)//false
   优点：可以量产；
   缺点：创建的对象无法判断其数据类型；
   语法：变量 instanceof 数据类型?检测此变量是否为对应的数据类型(是否为对应的类实例化【new】出来的对象)
3. 构造函数：（构造一个函数来模拟类）
   function Student(name,age){
   this.name=name;
   this.age=age;
   this.eat=function(){
   console.log(this.name+”正在吃”);
   }
   }
   let s1=new Student(“王五”,21);
   let s2=new Student(“赵六”,22);
   console.log(s1 instanceof Student)//true
   优点：能够判断对象的数据类型；
   缺点：同样的方法会开辟不同的存储空间，占用内存；（console.log(s1.eat==s2.eat)//false）
   知识点：new做了什么？
   1） 创建一个空对象；
   2） 将构造函数中的this指向这个空对象；
   3） 将创建的空对象返还给前方变量；
4. 原型方法：（将共有的方法放在构造函数的原型里，实现节约内存的目的）
   //构造函数写属性
   function Student(name,age){
   this.name=name;
   this.age=age;
   }
   //prototype构造函数的原型（原型法写方法）
   Student.prototype.eat=function(){
   console.log(this.name+”正在吃”);
   }
   let s1=new Student(“王五”,21);
   let s2=new Student(“赵六”,22);
   console.log(s1.eat==s2.eat)//true