js静态属性和静态方法

啥也不说了,直接上代码。。。(就是这么任性)

    var Animal = function(){};
    Animal.name = "dog";
    var a = new Animal();

    console.log(a.name); 

结果如图 :

 

很明显这样调用是不可以的,那如果console.log(Animal.name)这样呢?

    var Animal = function(){
        Animal.name++;
    };
    Animal.name = 0;
    // var a = new Animal();

    console.log(Animal.name); 

 

 静态方法是指不需要声明类的实例就可以使用的方法

 纳尼?结果是这样了滴。。。。。为毛?

 那这样呢?

     function Animal (){
        // alert(Animal.name);
        this.say = function(){
            console.log(Animal.name);
        }
    };
    Animal.name = "Ev2le0";
    var a = new Animal();

    a.say(); 

结果是:

 

纳尼,哭晕在wc了。。。 

算了还是写静态方法吧 

    function staticClass(){};//声明一个类
    //为这个类添加一个静态方法
    staticClass.staticMethod = function(){
        console.log("this is a static method");
    }

    //声明一个实例方法
    staticClass.prototype.instanceMethod = function(){
        console.log("this is a instance method");
    }

    //尝试调用一下静态方法,分别使用2种方式
    var a = new staticClass();

    a.staticMethod(); 

 结果是这样滴:

 

 再试一下类名.方法名的调用方式

    function staticClass(){};//声明一个类
    //为这个类添加一个静态方法
    staticClass.staticMethod = function(){
        console.log("this is a static method");
    }

    //声明一个实例方法
    staticClass.prototype.instanceMethod = function(){
        console.log("this is a instance method");
    }

    //尝试调用一下静态方法,分别使用2种方式
    var a = new staticClass();
    // a.staticMethod();

    staticClass.staticMethod();

 结果是这样子滴:

 

 那调用实例方法能不能用类名.方法名()的形式呢?

    function staticClass(){};//声明一个类
    //为这个类添加一个静态方法
    staticClass.staticMethod = function(){
        console.log("this is a static method");
    }

    //声明一个实例方法
    staticClass.prototype.instanceMethod = function(){
        console.log("this is a instance method");
    }

    //尝试调用一下静态方法,分别使用2种方式
    var a = new staticClass();
    // a.staticMethod();

    staticClass.instanceMethod(); 

 结果是这样子滴:

 

 总结:

1,对于静态方法可以使用类名.方法名()

2,实例方法就只能老老实实的使用对象.方法名()的形式调用了。 

原文地址:https://www.cnblogs.com/EvileOn/p/5515216.html