1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <script type="text/javascript"> 7 /* 8 使用工厂方法创建对象 9 通过该方法可以大批量创建对象 10 */ 11 function createPerson(name,age,gender){ 12 var obj=new Object(); 13 obj.name=name; 14 obj.age=age; 15 obj.gender=gender; 16 //将新的对象返回 17 obj.sayName=function(); 18 alert(this.name); 19 return obj; 20 } 21 var obj2=createPerson("w",20,"1"); 22 console.log(obj2); 23 /* 24 使用工厂方法创建的对象，使用的构造函数都是Object 25 所以创建的对象都是Object这个类型，就导致无法区分出多种不同类型的对象 26 27 */ 28 /* 29 创建一个构造函数，专门用来创建Person对象的 30 构造函数就是一个普通的函数，创建方式和普通函数没有区别 31 不同的是构造函数习惯上首字母大写 32 33 构造函数和普通函数的区别就是调用方式的不同 34 普通函数就是直接调用，构造函数需要使用new关键字 35 36 构造函数执行流程： 37 1.立刻创建一个新的对象 38 2.将新建的对象设置为函数中this，在构造函数中可以使用this来引用新建的对象 39 3.逐行执行函数中的代码 40 4.将新建的对象作为返回值 41 42 使用同一个构造函数创建的对象，称为一类对象，也将构造函数称为一个类 43 */ 44 function Person(name,age){ 45 this.name=name; 46 this.age=age; 47 //this.sayName=function(){ 48 // alert("i am"+this.name); 49 //} 50 this.sayName=fun; 51 } 52 //将sayName方法在全局中定义 53 function fun(){ 54 alert(this.name); 55 } 56 //var per=Person();普通函数调用 57 var per=new Person("123",12);//构造函数调用 58 var per2=new Person("123",123); 59 console.log(per.name); 60 console.log(per.sayName()==per2.sayName());//true调用的是同一个函数 61 /* 62 使用instanceof可以检查一个对象是否是一个类的实例 63 对象 instanceof 构造函数 如果是则返回true，否则返回false 64 65 this： 66 1.当以函数形式调用时，this是window 67 2.当以方法形式调用时，谁调用this就是谁 68 3.当以构造函数形式调用时，this就是新创建的那个对象 69 */ 70 71 /* 72 创建一个Person构造函数 73 在Person构造函数中，为每一个对象都添加了一个sayName方法， 74 目前我们的方法是在构造函数内部创建的，也就是构造函数每执行一次就会创建一个新的sayName方法 75 这是完全没有必要的，完全可以使所有的对象都调用一个方法 76 */ 77 console.log(per instanceof Person); 78 </script> 79 <head> 80 <body> 81 </body> 82 </html>