js对原型的理解

296 阅读1分钟
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__所对应的原型对象进行修改)