JS 构造函数相关 及 prototype

构造函数就是一个普通的函数，创建方式与普通函数没有区别。

不过构造函数习惯上首字母大写。

function Person(){

}

var per1=new Person();

构造函数调用时需要使用new 关键自来调用。

var per =Preson();//普通函数调用
var per =new Preson();//构造函数调用

 

function Person(){

}

var per1=Person();

console.log(per1);//undefined

var per2=new Person();

console.log(per2);//Object

构造函数执行过程：

  

1. 创建一个新对象
2. 将新对象设置为函数中的this，即构造函数中可以用this来引用新建的对象
3. 逐行执行函数中的代码
4. 将新建的对象作为返回值返回

function Person(name,age,sex){

    this.name=name;
    this.age=age;
    this.sex=sex;
    this.sayName=function(){
        alert("this.name");
    };
}

var per1=new Person("小王",18,"男");
var per2=new Person("小李",28,"男");
console.log(per1.sayName==per2.syaName);//false

与工厂模式创建对象有些相似。不过工厂模式类型都是Object，构造函数可以自己构造姓名，虽然本质上都是对象

function Dog(){

}

var dog1=new Dog();

console.log(dog1);

用同一个构造函数创建的对象称为一类对象，构造函数既是类。

通过一个构造函数创建的对象称为该类（构造函数）的实例。

用instanceof可以检查一个对象是否是一个构造函数的实例

语法： 对象 instanceof 构造函数
是返回true 否则返回false

console.log(dog1 instanceof Dog);//true
console.log(per1 instanceof Person);//true
console.log(dog1 instanceof Person);//false


//所以对象都是Object的后代
console.log(dog1 instanceof Object);//true
console.log(per1 instanceof Object);//true

Person构造函数中，为所有对象都创建了一个sayHello方法，即构造函数每创建一个新对象都会创建一个新的sayHello方法，造成浪费。

如何实现多个对象共享一个方法

function Person(name,age,sex){

    this.name=name;
    this.age=age;
    this.sex=sex;
    this.sayName=fun;
}
    function fun(){
        alert("this.name");
    };

var per1=new Person("小王",18,"男");
var per2=new Person("小李",28,"男");

console.log(per1.sayName==per2.sayName)//true

上面这种方法是把方法写到全局中，这样可能造成很多问题，不提倡。

 

prototype  

用如下方法，将方法写入原型中，不会污染全局作用域

function Person(name,age,sex){

    this.name=name;
    this.age=age;
    this.sex=sex;
  }
  //向原型中添加sayName方法
Person.prototype.sayName=fun(){
    alert(this.name);
};

var per1=new Person("小王",18,"男");
var per2=new Person("小李",28,"男");

console.log(per1.sayName==per2.sayName)//true

 即创建构造函数时，可以将对象共有的方法与属性，写入到构造函数原型中。这样即不用分别添加，也不影响全局作用域，还可以时每个对象都有这些属性和方法。

 

prototype  原型

 

function Class(){

}

Class.prototype.name="原型中的name";

var obj=new Class();

console.log(obj.name);//原型中的name


console.log("name" in obj);//true
//即，使用in检查对象是否具有某个属性时，如果对象中没有还会在原型中检查。


//可以用hasOwnProperty()来检查对象自身是否有该属性

console.log(obj.hasOwnProperty("name"));//false

使用in检查对象是否具有某个属性时，如果对象中没有还会在原型中检查。

console.log("name" in obj);//true

可以用hasOwnProperty()来检查对象自身是否有该属性 

console.log(obj.hasOwnProperty("name"));//false