JavaScript 原型继承的应用,扩展内置对象

最新推荐文章于 2024-11-08 16:09:18 发布

houyanhua1

最新推荐文章于 2024-11-08 16:09:18 发布

阅读量254

点赞数 1

分类专栏： JavaScript 文章标签： javascript 继承扩展

本文链接：https://blog.csdn.net/houyanhua1/article/details/79787207

版权

JavaScript 专栏收录该内容

140 篇文章 4 订阅

订阅专栏

demo.html：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        // 直接扩展内置对象。
        var arr = [1, 2, 3];

        //开发人员A想要的sayHello
        Array.prototype.sayHello =function () {
            console.log("来呀，互相伤害啊");
        }

        //开发人员B想要的sayHello
        Array.prototype.sayHello =function () {
            console.log("我是一个数组，很高兴认识你，呵呵")
        }

        //如果直接修改内置对象的原型，会影响整个开发团队
        arr.sayHello();

///

        //扩展内置对象（就是给内置对象新增成员）,不建议直接扩展内置对象
        //而是自定义一个对象,继承自内置对象,然后为自定义的对象扩展成员。
        //使用对象时,使用自定义的对象。

        function MyArray() {  // 自定义的数组
            //我自己的属性(扩展属性)
            this.name = "我是一个数组";
            this.sayHello = function () {
                console.log("我的sayHello方法");
            }
        }

        var arr = new Array();
        //继承之后，我的数组中就有了原生数组对象的所有的属性和方法
        MyArray.prototype = arr;    // 或者 MyArray.prototype = [];  自定义的数组通过原型继承原生数组。

        MyArray.prototype.safdaf =function () {  // 可以为自定义的数组添加自定义的成员。

        }

        //myArr这个对象就继承自arr原生数组
        var myArr = new MyArray();

        myArr.push(100);
        myArr.push(2,3,4,5)
        console.log(myArr);

    </script>
</head>
<body>

</body>
</html>