javascript - 构造函数的实例对象的constructor.prototype是Object{},这没错但是为什么这个object的

查看:121
本文介绍了javascript - 构造函数的实例对象的constructor.prototype是Object{},这没错但是为什么这个object的的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

问 题

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>对象</title>
</head>
<body>
    <script>
    function Person(name,age){
        this.name=name;
        this.age=age;
    }
    var p1=new Person("zxf",30);
    console.log(p1.constructor.prototype)
    //console.log(Person.constructor)
    </script>
</body>
</html>


我的迷惑是为什么输出的Object的constructor是Person而不是function Object(),查阅资料上也提到了但是下面没解释为什么,说的没看懂到底在解释什么反倒最后来了句提示一定要让构造函数的原型的constructor为构造函数本身

解决方案

function Person(name,age){
    this.name=name;
    this.age=age;
}

创建过程:
1.创建一个对象(有constructor属性及[[Prototype]]属性),其中[[Prototype]]属性不可访问、不可枚举。
2.创建一个函数(有name、prototype属性),再通过prototype属性 引用第1步创建的对象。
3.创建变量Person,同时把函数的引用赋值给变量Person。
而对于new做了啥:

  1. 创建一个空对象,并且 this 变量引用该对象,同时还继承了该函数的原型

  2. 函数的属性和方法被加入到 this 引用的对象中

  3. 新创建的对象由 this 所引用,并且最后隐式的返回 this

    var obj  = {};
    obj.__proto__ = Base.prototype;
    Base.call(obj);

故你的代码相当于:

function Person(name,age){
    this.name=name;
    this.age=age;
}

var p2 = {};
p2.__proto__ = Person.prototype;
Person.call(p2,'zxf',30);
console.log(p2.constructor.prototype);  //试一试,和new出来是一样的

而这个:反倒最后来了句提示一定要让构造函数的原型的constructor为构造函数本身

应该是为了防止你的构造函数是继承来的,如果不手动指定,那继承来的构造函数的constructor会指到父级去。

一个对象的constructor是它的构造函数的prototype.constructor,而每一个函数都有一个prototype,默认情况下,这个prototype有一个constructor属性,指向的是它自己。
constructor是Person是对的。有问题再讨论。

这篇关于javascript - 构造函数的实例对象的constructor.prototype是Object{},这没错但是为什么这个object的的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆