function s(){}
var a = new s();
原理
var a = {};// 创建一个空对象
a.__proto__ = s.prototype; // 把s原型上的属性给对象a;
s.call(a); // 把s里的方法指向s(使对象a能调用构造函数s里的方法)
return a; // 把他返回出来
function具有prototype属性,function是一种特殊的对象 对象都具有__proto__(内置的原型),一般没有prototype属性(Object除外) Object对象 是所以对象最根部的原型
<script>
var a = {};
function b(){};
var c = new b();
b.prototype.frpm="sad";
console.log(Object); // ƒ Object() { [native code] } (Object是一种特殊的函数)
console.log(a.prototype); // undefined (a属于对象)
console.log(Object.prototype); // Object
console.log(Object.prototype.__proto__); // null 证明Object是所有对象最底层的原型
console.log(a.__proto__);// Object
console.log(a.__proto__ == Object.prototype); // true
console.log(b.prototype); // {frpm: "sad", constructor: ƒ}
console.log(b.prototype.__proto == Object.prototype); // true
console.log(c.prototype);// undefined
console.log(c.__proto__ == b.prototype); //true
</script>
对象只有
__proto__属性来调用构造函数的属性prototype所引用的原型对象,
所有实际上它们调用的都是对象
prototype 是函数特有的属性,对象没有,它实际上只是构造函数的一个属性,这个属性引用的才是一个prototype对象
__proto__ 是对象特有的属性,但是函数也有这个属性,因为它是一个特殊的对象
__proto__属性不是一个标准的属性,为了保持代码的一致性一般不推荐使用,但是可以在调试程序的过程中进行使用。
<script>
function Person(){
}
var p1 = new Person(); // 拆开看的话 是先 执行new Person()在堆中实例化创建一个对象再 把创建出对象的地址赋给变量p1,p1就可以直接调用实例化出来的对象的属性和方法
console.log(Person.prototype); // 返回的是一个对象
console.log(p1.name); // undefined
Person.prototype = {
name:"赵四"
}
var p2 = new Person(); // 相对上面生成p1所引用的对象来说,这个对象是在堆中的其他地方重新占用一片内存来存储数据
console.log(p2.name); // "赵四"
console.log(p1.name); // undefined 对象实例化之后它通过__proto__属性来和构造函数的原型进行联系,所有它在自身找不到值时,会沿着它的原型一个一个去找
//当一个构造函数实例化结束之后 它的构造函数应用的原型对象的地址就不会再发生改变,就算其中的值发生改变,它所引用的地址是绝对不会发生改变的;
//而我在上Person.prototype = { name:"赵四"};其实就是新创建个对象赋值给Person.prototype属性来覆盖它,这样必定会改变Person.prototype所引用对象的地址;
//所以p1只要是在Person.prototype的引用地址发生改变前实例化它的p1.name就不会因为原型的地址改变而改变
//但是可以通过改变它引用的对象中的属性来改变p1.name的值
</script>
function Person(){
}
var p1 = new Person();
console.log(p1.name); // undefined
Person.prototype.name = "赵四"; // 这样就是在给对象中添加新的属性和值
console.log(p1.name); // 赵四 (只要在Person.prototype的引用地址发生改变前才可以对p1.__proto__所对应的原型对象进行修改)