05-完整原型链

最新推荐文章于 2021-05-30 17:37:37 发布

人非草木12

最新推荐文章于 2021-05-30 17:37:37 发布

阅读量87

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/weixin_41793221/article/details/100104548

版权

JavaScript 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

在这里插入图片描述

<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>
    
        /* 
        1.完整原型链 ： 了解 函数对象 ， 原型对象 ， 实例化对象三者的关系
            a. js中所有的对象都是被构造函数生成
            b. 不同的对象被不同的构造函数生成
         */

        //js中有两种构造函数 ：

        //1.js作者写好的 ： 内置构造函数
        var obj = {};//new Object

        //查看obj的原型
        console.log(obj.__proto__.constructor);//Object
        console.log(obj.__proto__ === Object.prototype);//true
        

        //2.程序员自己写的构造函数：自定义构造函数
        //自定义构造函数
        function Person(name,age){
            this.name = name;
            this.age = age;
        };

        //原型对象
        console.log(Person.prototype);

        //实例化对象
        var p1 =  new Person('张三',22);


        //函数也是对象 ： 函数对象都是被Function构造函数创建

        //1.查看person构造函数对象的原型链
        console.log(Person.__proto__.constructor);//Function
        console.log(Person.__proto__ === Function.prototype);//true
        

        //2.查看Object构造函数原型链
        console.log(Object.__proto__.constructor);//Function
        console.log(Object.__proto__ === Function.prototype);//true
        

        //3.查看Function构造函数的原型链
        console.log(Function.__proto__.constructor);//Function
        console.log(Function.__proto__ === Function.prototype);//true
        
        
    </script>
</body>
</html>

人非草木12

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
05-完整原型链

![在这里插入图片描述](https://img-blog.csdnimg.cn/2019082717184667.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTc5MzIyMQ==,size_16,color_F...
复制链接

扫一扫