原型对象的获取和设置补充

最新推荐文章于 2021-06-11 15:14:07 发布

文鼎鼎

最新推荐文章于 2021-06-11 15:14:07 发布

阅读量87

点赞数

分类专栏：原型链、面向对象文章标签： prototype

本文链接：https://blog.csdn.net/killbee365/article/details/107460902

版权

原型链、面向对象专栏收录该内容

3 篇文章 0 订阅

订阅专栏

原型对象的获取和设置补充

<!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 Person(name, age) {
            this.name = name;
            this.age = age;
        }
        Person.prototype.showName = function() {
            console.log("姓名：" + this.name);

        }
        var p = new Person();

        /* 01-原型对象的访问(获取) */
        /* 01-[1] 构造函数.prototype */
        console.log(Person.prototype);

        /* 01-[2] 实例对象.__proto__ */
        console.log(p.__proto__);

        /* 01-[3] Object.getPrototypeOf(实例对象)*/
        console.log(Object.getPrototypeOf(p));
        console.log(Person.prototype === p.__proto__, p.__proto__ === Object.getPrototypeOf(p));

        /* 02-原型对象的设置 */
        // Person.prototype.showAge = function(){}
        // Person.prototype = {constructor:Person};

        p.__proto__.showAge = function() {};

        Object.getPrototypeOf(p).showInfo = function() {};
        console.log(p);

        /* 补充方法 */
        var obj = {
                className: "1906"
            }
            /* 设置obj这个对象的原型对象为Person.prototype    类似于Object.create() */
        Object.setPrototypeOf(obj, Person.prototype);
        console.log(obj);
    </script>
</body>

</html>

isPrototypeOf和instanceof比较

<!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>
        /*01- isPrototypeOf()  检查当前对象是否是指定对象的原型对象*/
        function Person(name, age) {
            this.name = name;
            this.age = age;
        }
        Person.prototype.showName = function() {
            console.log("姓名：" + this.name);
        }
        var p = new Person();

        /* 检查Person.prototype是否是p这个实例对象的原型对象 */
        console.log(Person.prototype.isPrototypeOf(p));
        console.log(Array.prototype.isPrototypeOf(p));

        /* 02-instanceof  具体准确：检查指定构造函数的原型对象是否在当前对象的原型链上面*/

        // console.log(p instanceof Array);

        Person.prototype = {};

        console.log("____");
        console.log(p instanceof Person); //true
        console.log(p instanceof Function); //false
        console.log(p instanceof Object); //true
    </script>
</body>

</html>

文鼎鼎

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
原型对象的获取和设置补充

原型对象的获取和设置补充<!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"> &l
复制链接

扫一扫