您的位置:首页 > Web前端 > JavaScript

JavaScript构造函数模式+prototype(原型)模式拓展系统类和自定义类

2016-02-27 21:26 302 查看
一。JavaScript构造函数模式+prototype(原型)模式拓展系统类和自定义类

//定义Person类或者Person构造函数,js中类和构造函数是同一个概念

        function Person(name,age){

            this.name = name;

            this.age  = age;

        };

        //定义Person的原型showName方法,给所有Person对象使用,prototype还可以给系统类添加方法,比如Array和String

        Person.prototype.showName=function(){

            alert('名字是:'+this.name);

        };

        //定义Person的原型showAge方法,给所有Person对象使用

        Person.prototype.showAge=function(){

            alert('年龄是:'+this.age);

        };

        //定义两个Person对象

        var p1 = new Person('熊爱明','21');

        var p2 = new Person('晒来了','20');

        //调用Person的原型方法

        p1.showName();

        p1.showAge();

        p2.showName();

        p2.showAge();

二.给系统数组Array对象添加原型sum方法

//给系统对象Array添加求和方法sum

        Array.prototype.sum=function(){

            //定义累加变量

            var result = 0;

            //遍历当前Array对象中所有的元素

            for (var i = 0; i < this.length; i++) {

                result+=this[i];

            }

            //返回累加和

            return result;

        }

        //定义Array对象

        var arr1 = new Array(1,2,3,4,5);

        //调用sum方法。

        alert(arr1.sum());
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息