js之构造函数

构造函数的执行流程

• 立刻创建一个对象
• 将新建的对象设为函数中的this，在构造函数中可以用this来引用创建的对象
• 逐行执行涵数中的代码
• 将新建的对象作为返回值
  使用同一个构造函数创建的对象，我们称为一类对象，也将一个构造函数称为一个类

将通过该构造函数创建的对象称为该类的实例

this的情况

• 以函数形式调用时，this是window
• 以方法形式调用时，谁调用this就指向谁
• 以构造函数调用时，this指向新创建的对象

    function Person(name,age) {
            this.name = name;
            this.age = age;
            this.say=function(){
                console.log("hello")
            };
            console.log(this);   //per
        }
        var per = new Person("张三", 18);
        var per1 = new Person("李四", 28);
        per.say();  //hello
        console.log(per.say===per1.say);  //false

• 我们创建的每一个函数，解析器都会向函数中添加一个属性prototype
• 这个属性对应着一个对象，这个对象就是我们所谓的原型对象
• 如果函数作为普通函数调用prototype不起任何作用
• 当函数以构造函数的形式调用时，他所创建的对象都会有一个隐含的属性
• 指向该构造函数的原型对象，我们可以通过__proto__来访问属性
• 原型对象就相当于一个公共区域，所有同一个类的实例都可以访问到这个原型对象
• 可以将对象中共有的内容，统一设置到原型对象中
• 当我们访问对象的一个属性或方法时，它会现在对象自身中寻找，如果有则用自身的，没有就到原型对象中查找，找到则可以 使用
• 创建构造函数时，可以将这些对象的共有属性和方法统一加到构造函数的原型对象中，不用分别为每个对象添加了，也不用在全局中声明属性或方法（减小污染可能性），每个对象都具有这些属性和方法
  应用：在显示原型上添加属性或者方法，（实例化对象的隐式原型也会有该属性或方法），实例化对象就可以调用该属性或方法

  function Person(name,age) {
            this.name = name;
            this.age = age;
        }
        Person.prototype.say=function(){
                console.log(this.name)
        };
        var per = new Person("张三", 18);
        var per1 = new Person("李四", 28);
        per.say();  //张三
         console.log(per.say===per1.say);                //true
        console.log(Person.prototype===per.__proto__);   //true
        console.log(Person.prototype===per.__proto__===per1.__proto__)  //false
        console.log(Person.prototype.constructor===Person)  //true
        console.log(per instanceof Person);       //true
        console.log(Person.prototype);            //say()  constructor()
        console.log(Person.prototype.prototype);  //undefined
        console.log(per.__proto__);               //say()  constructor()
        console.log(per.__proto__.__proto__);     //原型的constructor(),里面有hasOwnPrototype()
        console.log(per.__proto__.__proto__.__proto__);//null

   function Myclass() { }
        Myclass.prototype.name = "张三";
        var mc = new Myclass();
        // 使用in检查对象中是否含有某个属性时，如果对象中没有，但原型中有，也会返回true
        console.log("name" in mc);  //true
        // 只能找自身的属性，如果没有则返回false
        console.log(mc.hasOwnProperty("name"));  //false

**通过toString()，不同的浏览器打印效果不同**
  function Person(name,age){
            this.name = name;
            this.age = age;
        }
        Person.prototype.toString=function(){
            // return this.name +"年龄"+this.age;
            return "Person[name="+this.name +"age="+this.age+"]";
        }
        var per = new Person("张三",18);
        var per1 = new Person("李四",20);
        console.log(per.toString());  
        console.log(per1.toString());
        console.log(per);  
        console.log(per1);