码迷,mamicode.com
首页 > 其他好文 > 详细

231 对象原型 __proto__

时间:2020-01-20 23:06:08      阅读:55      评论:0      收藏:0      [点我收藏+]

标签:alt   utf-8   htm   cal   就是   port   image   prototype   cti   

1、【实例】对象都会有一个属性 __proto__ 指向构造函数的 prototype 原型对象。
2、之所以我们对象可以使用构造函数 prototype 原型对象的属性和方法,就是因为对象有 __proto__ 原型的存在。
3、__proto__对象原型和原型对象 prototype 是等价的。
4、__proto__对象原型的意义,就在于为对象的查找机制提供一个方向,或者说一条路线。但是,它是一个非标准属性,因此实际开发中,不可以使用这个属性,它只是内部指向原型对象 prototype。

技术图片

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<body>
    <script>
        function Star(uname, age) {
            this.uname = uname;
            this.age = age;
        }
        Star.prototype.sing = function() {
            console.log('我会唱歌');
        }
        var ldh = new Star('刘德华', 18);
        var zxy = new Star('张学友', 19);

        // 方法的查找规则: 首先先看ldh 对象身上是否有 sing 方法,如果有就执行这个对象上的sing
        // 如果么有sing 这个方法,因为有__proto__ 的存在,就去构造函数原型对象prototype身上去查找sing这个方法
        ldh.sing();

        // 对象身上系统自己添加一个 __proto__ 指向我们构造函数的原型对象 prototype
        console.log(ldh);
        console.log(ldh.__proto__ === Star.prototype); // true
    </script>
</body>

</html>

231 对象原型 __proto__

标签:alt   utf-8   htm   cal   就是   port   image   prototype   cti   

原文地址:https://www.cnblogs.com/jianjie/p/12219469.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有 京ICP备13008772号-2
迷上了代码!