4、prototype原型对象

少侠好走位

于 2019-12-28 11:34:45 发布

阅读量127

点赞数

CC 4.0 BY-SA版权

分类专栏： Javascript 文章标签： javascript

本文链接：https://blog.csdn.net/qq_41877422/article/details/103742814

Javascript 专栏收录该内容

5 篇文章

订阅专栏

本文深入探讨了JavaScript中prototype原型对象的使用，通过实例演示如何利用原型对象为数组类型添加求和方法，实现对象间方法共享，提高代码复用性和效率。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

prototype.html

<!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>原型</title>
    <script>
    /*
        prototype原型对象：每一个函数上都有一个原型对象。

        用在构造函数上可以给构造函数的原型添加方法：
        如果我们将方法添加到构造函数的原型对象上，构造函数构造出来的对象共享原型上的所有方法。
           
    */
    var arr1 = [1,2,3,4];
    var arr2 = [5,6,7,8];

    Array.prototype.sum = function(){
        var res = 0;
        for(var i=0; i < this.length; i++ ){
            res += this[i];
        }
        return res;
   }
   alert(arr1.sum());
   alert(arr2.sum());

    </script>
</head>
<body>
    
</body>
</html>