Javascript-Object-Definition

 /* 定义对象的方法：构造函数，函数字面量法，工厂模式，构造函数模式 */

     /**************************************/
     /**                                  **/
     /**         1.原生构造函数法         **/
     /**                                  **/
     /**************************************/

     //只能创建特定的对象，使用原生的构造函数，比如：Object，Array。
     var prince = new Object();
     prince.name = "Prince";
     prince.age = 25;
     prince.job = "Front End Engineer";
     prince.sayJob = function(){
         alert(prince.job);
     };
     var xiaobao = new Object();
     xiaobao.name = "Zhibao Hu";
     xiaobao.age = 25;
     xiaobao.job = "SEO";
     xiaobao.sayJob = function(){
         alert(xiaobao.job);
     };
     prince.sayJob();
     xiaobao.sayJob();

     /**************************************/
     /**                                  **/
     /**           2.字面量法             **/
     /**                                  **/
     /**************************************/

     //javascript对象中实行名称可以加双引号，单引号，或者不加，但是json数据一定要用双引号，不加引号或者用单引号都会出错。
     var xiaoyin = {
         name : "Chaohuan Yin",
         age : 24,
         job : "Wireless Yunyin",
         sayAge : function(){
             //这里如果省略了this就会出错。
             alert(this.age);
         }
     };
     xiaoyin.sayAge();

     //以上两种方法的缺点：使用一个接口创建很多对象，代码重复很多。
     //为了解决这个问题，人们开始使用工厂模式和他的变体

     /**************************************/
     /**                                  **/
     /**           3.工厂模式             **/
     /**                                  **/
     /**************************************/

     //用函数来封装以特定接口创建对象的细节
     function createPerson(name,age,job){
         var o = new Object();
         o.name = name;
         o.age = age;
         o.job = job;
         o.sayAge = function(){
             alert(this.age);
         };
         return o;
     }
     var tangtang = createPerson("Jin Shi",23,"Shop Yunyin");
     tangtang.sayAge();
     //工厂模式没有办法知道一个对象的类型，所以出现了构造函数模式，自己定义构造函数

     /**************************************/
     /**                                  **/
     /**        4.自定义构造函数法        **/
     /**                                  **/
     /**************************************/

     function Person(name,age,job){
         this.name = name;
         this.age = age;
         this.job = job;
         this.sayName = function(){
             alert(this.name);
         };
     }
     //当构造函数使用
     var liujie = new Person("Jie Liu",27,"Yunwei");
     //当普通函数使用
     Person("Qinqin Yu",27,"Shop Yunyin");//添加到window中
     liujie.sayName();
     window.sayName();
     //在另一个对象的作用域中使用
     var o = new Object();
     Person.call(o,"Prince",25,"F2E");
     o.sayName();

     //将构造函数中的方法提取出来
     function Person1(name,age,job){
         this.name = name;
         this.age = age;
         this.job = job;
         this.sayName = sayName;
     }
     function sayName(){
         alert(this.name);
     }
     var prince = new Person1("Prince Yu",25,"Front End Engineer");
     var xiaoyin = new Person1("Chaohuan Yin",24,"Shop Yunyin");
     prince.sayName();
     xiaoyin.sayName();

     /**************************************/
     /**                                  **/
     /**             5.原型模式           **/
     /**                                  **/
     /**************************************/
     //1.原型对象方法
     function Person2(){}
     Person2.prototype.name = "Prince";
     Person2.prototype.age = 29;
     Person2.prototype.job = "F2E";
     Person2.prototype.sayAge = function(){
         alert(this.age);
     };
     var dada = new Person2();
     var prince = new Person2();
     dada.sayAge();
     prince.sayAge();

     //2.原型对象字面量方法
     function Person3(){}
     Person3.prototype = {
         name : "Prince",
         age : 30,
         job : "F2E",
         sayAge : function(){
         alert(this.age);
         }
     };
     var wangzi = new Person3();
     wangzi.sayAge();

     /**************************************/
     /**                                  **/
     /** 6.组合使用构造函数模式和原型模式 **/
     /**                                  **/
     /**************************************/

     function Person4(name,age,job){
         this.name = name;
         this.age = age;
         this.job = job;
         this.friends =["Wangbing","Liutan"];
     }
     Person4.prototype = {
         constructor : Person4,
         sayAge : function(){
         alert(this.age);
         }
     }
     var dada =new Person4("Prince",25,"F2E");
     var xiaobao =new Person4("Zhibao Hu",25,"SEO");
     dada.friends.push("Prince Yu");
     alert(dada.friends);
     alert(xiaobao.friends);
     alert(xiaobao.friends == dada.friends);
     alert(xiaobao.sayAge == dada.sayAge);
     //这是用来定义引用类型的一种默认方式