·您当前的位置:首页 > 技术教程 > JavaScript >

[js]Js静态属性和方法的介绍

时间:2016-09-20 14:36酷播
JavaScript中,每个function都拥有一个原型对象prototype,通过这个对象可以为这个类定义各种属性和方法

JavaScript中,每个function都拥有一个原型对象prototype,通过这个对象可以为这个类定义各种属性和方法,但是这样定义的属性 和方法是所有该类的对象所共有的,效果上和同这个类的父类中继承的字段和方法差不多。通常我们使用function的原型来创建类的方法,而用普通方式来 创建类的属性。
1.为什么不用原型来创建属性
因为原型创建的内容是这个类所有对象所共享的,对于一个属性而言,不同的类的对象的值都不一样。如果使用原型对象来创建对象属性,那么任何一个类的对象修改了自己的某个属性,其他对象的相同属性也会被修改。
这么做的本质是因为:属性是各个对象不同的,要求对象自己保存自己该属性的值,而方法对于所有对象而言都是一样的,没有必要每个对象都保存一个方法,只要由类的原型保存一份,各个对象使用方法的时候调用这些方法就可以了。

2.为什么要用原型来保存方法
因为方法对所有类对象来说都是一样的,如果用传统方式定义,那样每个类的对象被定义的时候,该对象都会保存这个方法的信息,这样会耗
费很多资源。而使用原型来保存,所有的方法都保存在原型中,每个对象需要使用方法的时候就调用原型对象中保存的方法。节省了资源。


在类中定义共享的共有方法,私有静态属性和方法,共有静态属性和方法。
//一种更为合适的公用属性和方法的定义,把共有方法在类第一次调用的时候加到类的原型对象中
        var Book = function(name){
            //公有属性,在构造方法里面来定义,通过this关键字
            this.name = name;
            //第一次执行该对象的构造方法,这个时候执行下面的代码
            //为类的原型对象上定义共有的方法
            //所有该类的对象共享相同的共有对象,减小了内存的消耗
            if (typeof Book._init == "undefined") {//在第一次定义该类对象的时候会成立
                //共有的方法,在原型对象上定义
                Book.prototype.setName = function(nname) {
                    this.name = nname; 
                };
                Book.prototype.getName = function(){
                    return this.name; 
                };
                Book.prototype.getCount = function(){
                    addCount();
                    return count; 
                };
            }
            //类已经被定义过了,以后就不再重新定义原型对象上的方法了
            Book._init = true;
            //利用局部变量来模拟私有静态属性和方法
        //这些局部变量定义出来的方法和属性外界不能直接访问,只能通过公有方法访问,
            var count = 0;
            var addCount = function(){
                count++;
            }
        }; 
        //定义共有静态属性
        Book.staticValue = 10;
        //定义共有的静态方法
        Book.changeValue = function() {
            Book.staticValue++;
        }
对上面类的调用方法
//这个new操作相当于先创建了一个简单对象,调用了类的构造方法         
            var book1 = new Book("AJAX");
            var book2 = new Book("AJAX1");
            alert(book1.getName());
            alert(book2.getName());
            book1.setName("JAVA");
            alert(book1.getName());
            alert(book2.getName());
            alert(book1.getCount());
            alert(book2.getCount());
            alert(book1.getCount());
//共有的静态属性和方法要用类名来调用
            alert(Book.staticValue);
            Book.changeValue();
            alert(Book.staticValue);



定义一个对象,希望这个对象拥有一些自己独享的私有信息
方法:直接定义一个匿名的类
//一个单独的对象,期望拥有一些私有有的信息
           
       下面的方法和上面的起到一样的效果,
            //利用匿名方法直接调用的方式,来实现一个对象拥有私有的信息
            var priObj = (function(name){
                //由于这个变量是在方法内定义的,起到的效果就是私有的
                var priname = name;
                //这个格式要求返回的是一个对象,
                //这个对象要求有getName和setName两个方法
                return {
                    getName:function() {
                        return priname;
                    },
                    setName:function(nname) {
                        priname = nname;
                    }
                };
            })("wang");

下面是上面对象的使用方法     
            //var priObj1=new priObj("a");
            //var priObj2=new priObj("b");
上面的做法是错误的,因为这个priObj已经是个定义好的对象了,在定义匿名类的同时就定义好的,所以不能再这么去new了。
//priObj.priname是私有内容,无法访问
            alert(priObj.priname);
            alert(priObj.getName());
            priObj.setName("Lee");
            alert(priObj.getName());
            alert("");

热门文章推荐

请稍候...

保利威视云平台-轻松实现点播直播视频应用

酷播云数据统计分析跨平台播放器