js原型的用法

Posted TAMAYURA

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js原型的用法相关的知识,希望对你有一定的参考价值。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script>

    //原型是一个对象
    //css
        //行间样式
        //class给一组元素加上样式

    var arr1 = new Array(1,2,3,4);
    //arr1.sum                       //行间样式,给对象加属性
    Array.prototype.sum = function () {       //类方法或是类属性,不能直接给类添加,需要使用prototype添加属性
        var result = 0;
        for(var i=0; i<this.length; i++){
            result+=this[i]
        }
        return result
    };
    alert(arr1.sum())

//    function Sum(arr) {
//        var result = 0;
//
//        for(var i=0; i<arr.length; i++){
//            result+=arr[i]
//        }
//        return result
//    }
//    var obj1 = Sum([1,2,3,4])
//    console.log(obj1)
</script>
</body>
</html>

 

以上是关于js原型的用法的主要内容,如果未能解决你的问题,请参考以下文章

JavaScript 中的原型声明和用法总结

require.js的用法

js数组高阶方法reduce经典用法代码分享

js数组高阶方法reduce经典用法代码分享

Javascript模块化编程:require.js的用法

Javascript模块化编程:require.js的用法