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

来源:互联网 发布:c语言打印糖果图形 编辑:程序博客网 时间:2024/05/29 14:34

一。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());


0 0
原创粉丝点击