（js）原型、原型链到底是嘛呀？

最新推荐文章于 2024-09-12 03:08:15 发布

福星高照。

最新推荐文章于 2024-09-12 03:08:15 发布

阅读量126

点赞数 2

分类专栏： js 原型文章标签： js javascript prototype

本文链接：https://blog.csdn.net/weixin_45662100/article/details/114457364

版权

JavaScript 原型原型链构造函数 __proto__

关键词由CSDN通过智能技术生成

js 同时被 2 个专栏收录

24 篇文章 0 订阅

订阅专栏

原型

2 篇文章 0 订阅

订阅专栏

原型、原型链到底是嘛呀？
是这？
在这里插入图片描述
来自百度百科（狗头
咳咳！言归正传，以下才是正文哈。
首先我们先用构造函数创建一个对象

<script>
        function Show(){

        }
        var show = new Show();
</script>

Show 就是一个构造函数，我们使用 new 创建了一个实例对象 show。
默认情况下，prototype 是一个普通的对象，其中有个属性——constructor ，它也是一个对象，指向的是构造函数本身。

原型 prototype
每个函数都有一个 prototype 属性（唯函数有）

<script>
        function Show(){
        }
        // 在原型上添加一个name属性，属性值为'csdn'
        Show.prototype.name = 'csdn'; 
        //打印ƒ Show() 有name属性
        console.log(Show.prototype); 
        //打印Show
        console.log(Show.prototype.constructor)
</script>

在这里插入图片描述

隐式原型 proto
每个对象都有一个 proto 属性（除null）
默认情况下，隐式原型指向创建该对象构造函数的原型。顺便学习一个ES5的方法,可以获得对象的原型
console.log(Object.getPrototypeOf(person)===Person.prototype) // true

<script>
        function Show(){
        }
        var show = new Show();
        console.log(show.__proto__);//打印 f Show()
        console.log(Show.prototype);//打印 f Show()
    </script>

所以我们能总结出
Show.prototype===show.proto（输出为true）
在这里插入图片描述
原型链
每个对象都有一个 proto 属性，隐式原型的指向形成的链条，叫做原型链。
当访问一个对象时：
1.看该对象自身是否拥有这个属性，若有则直接用；
2.若没有，在原型链上依次查找是否拥有该属性，有则直接用。
如：

    <script>
        function Show(){
        }
        var show = new Show();
        // 在原型上添加一个name属性，属性值为'csdn'
        Show.prototype.name = 'csdn'; 
        console.log(show.__proto__.name);//csdn
    </script>