1.原型:prototype;
每个函数都有一个prototype属性;值为对象,当对这个函数的prototype属性不做设置的时候为undefined;
function prop(){}; // 声明一个prop函数;
prop.prototype; // undefined;
typeof prop.prototype; //object;
2.构造函数;
构造函数有什么用处?首先来说明一下,构造函数首字母大写,可以通过New关键字创建一个新的实例,此时它就是构造函数,也就会重新创建一个作用域;每个实例化的对象的作用域是不相同的,this就会指向新创建的实例化对象;但是要是直接在全局中调用,它只是一个普通的函数,是直接挂在window下;举个例子;
//构造函数;
function Person(name){
this.name = name;
this.sayName = function(){
alert(this.name);
}
};
//当成构造函数调用;
var person1 = new Person('lily');
person1.sayName();//"lily"
//当成普通函数调用;
Person('lily');
window.sayName();//"lily"
//在其他对象的作用域中调用
var o = new Object();
Person.call(o,"lily");
/*或者用apply调用,这里不再研究call和apply的区别,
但是要知道call的性能要比apply好
*/
Person.apply(o,["lily"]);
o.sayName(); //"lily"
接下来我们说说构造函数的属性;
我说过,函数都有一个prototype属性,每创建一个函数,同时就会创建它的prototype对象,该对象会自动获取constructor属性,那么构造函数也不例外,依然用上面的Person函数为例;
function Person(){};
Person.prototype被用作新对象的原型,Person.prototype指向Person原型对象;这个原型对象有一个constructor属性,这个属性又会指向构造函数Person;
.protype是构造函数下的一个属性,值是一个对象,原型对象是定义的一个叫做原型方法的函数,这里是强制叫它为prototype
//举个例子;
function Person(){};
var f = Person.prototype; //声明一个和Person相关连的原型对象
var p = f.constructor; //和 原型相关的函数
console.log(Person.prototype.constructor == Person);//true
//再来个例子
function Person(){};
Person.prototype = {
age: 21,
sayAge:function(){
alert(this.age);
}
}
//console.log(Person.prototype.constructor == Person);//fasle
思考一下这是为什么?
//在这里使用对象字面量的形式创建了prototype对象,实质上重写了缺省的prototype对象,constructor属性也就变成新对象的constructor属性(指向Object构造函数);
所以必须要让constructor指向正确的构造函数,在prototype对象中加入constructor: Person,这样就手动把constructor属性指向了Person
实例化对象与构造函数和原型对象的关系?
(1)实例化对象与原型对象的关系
当我们使用new操作符实例化一个对象出来后,会有一个内部属性[[prototype]],这个属性只读不写,在FF,chrome,safari每个对象都支持一个_proto_实质上是一个指针,就是一个地址,指向构造函数的原型对象,所以无论创建多少个实例,他们本质上都是继承同一个类,
(2)实例化对象与构造函数的关系
创建实例,关键是要理解这个new操作符在这里做了什么?
<1>创建了一个新对象;
<2>将构造函数的作用域赋值给新的对象;
<3>执行构造函数中的代码(这里就相当于给创建的新的对象添加属性);
<4>返回新对象;(函数要有返回值,对比工厂模式和构造函数发现后者没有返回值,具体原因还在研究);
function Person(){};
var person = new Person();
console.log(person.constructor ==Person);
实例化的对象有一个constructor(构造函数)属性,指向构造函数;
new操作符缺点:无法共享属性和方法;
原型链:对于原型链我只有一句话要说:任何原型链的最后一个对象就是Object,测试的方法就不在这里多做赘述;
prototype的思想:由于所有的实例对象共享同一个prototype对象，那么从外界看起来，prototype对象就好像是实例对象的原型，而实例对象则好像"继承"了prototype对象一样
//一个扩展例子;
function B(){};
function a(){};
a.prototype = new B();
console.log(a.prototype.constructor == B); //true
console.log(a.constructor == B);//false
网友评论