js 静态方法静态变量实例方法实例变量

Posted 2020-09-05 立心

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了js 静态方法静态变量实例方法实例变量相关的知识，希望对你有一定的参考价值。

1、静态方法的定义

Js代码  
var BaseClass = function() {}; // var BaseClass=new Function();  
BaseClass.f1 = function(){//定义静态方法  
     alert(\' This is a static method \');  
}  
BaseClass.f1();//This is a static method  
var instance1 = new BaseClass();  
instance1.f1();//instance1.f1 is not a function  

由以上代码分析可知，静态方法不能被实例对象调用，再看以下代码

Js代码  
var BaseClass = new Function;  
var Class2 = BaseClass;  
BaseClass.f1 = function(){  
alert("BaseClass \' s static method");  
}  
Class2.f2 = function(){  
alert("Class2 \' s static method");  
}  
BaseClass.f1();//BaseClass \' s static method  
BaseClass.f2();//Class2 \' s static method  
Class2.f1();//BaseClass \' s static method  
Class2.f2();//Class2 \' s static method  

从运行结果来看，BaseClass和Class都有f1和f2静态方法，实际上这两个函数是一样的，可以执行以下代码来验证

Js代码  
alert(BaseClass == Class2);//true  

如果删除其中一个函数中的静态方法，则对应的另一个函数的静态方法也被删除，比如执行

Js代码  
delete Class2.f2;  

同时也会删除BaseClass中的f2

2、实例方法的定义
这里是利用JavaScript对象原型引用prototype来实现的，看以下代码

Js代码  
var BaseClass = function() {};  
BaseClass.prototype.method1 = function(){  
      alert(\' This is a instance method \');  
}  
var instance1 = new BaseClass();  
instance1.method1();//This is a instance method  

method1即为通过prototype原型引用定义的实例方法，这里也可以在实例上直接定义方法（变量），看以下代码

Js代码  
var BaseClass = function() {};  
var instance1 = new BaseClass();  
instance1.method1 = function(){  
    alert(\' This is a instance method too \');  
}   
instance1.method1();//This is a instance method too  

下面介绍通过this指针来定义实例方法（变量），看以下代码

Js代码  
var BaseClass = function() {  
 this.method1 = function(){  
   alert(\' Defined by the "this" instance method\');  
 }  
};  
var instance1 = new BaseClass();  
instance1.method1();//Defined by the "this" instance method  

那么同时在实例上、原型引用上和“this”上定义了相同名字的实例方法后，实例会优先调用那一个呢？请看以下代码

Js代码  
var BaseClass = function() {  
this.method1 = function(){  
       alert(\' Defined by the "this" in the instance method\');  
 }  
};  
var instance1 = new BaseClass();  
instance1.method1 = function(){  
    alert(\' Defined directly in the instance method\');  
}  
BaseClass.prototype.method1 = function(){  
    alert(\' Defined by the prototype instance method \');  
}  
instance1.method1();//Defined directly in the instance method  

通过运行结果跟踪测试可以看出直接定义在实例上的变量的优先级要高于定义在“this”上的，而定义在“this”上的又高于 prototype定义的变量。即直接定义在实例上的变量会覆盖定义在“this”上和prototype定义的变量，定义在“this”上的会覆盖prototype定义的变量。

3、内部方法
先看以下定义

var BaseClass = function() {  
    var method1 = function() {  
        alert("Internal method");  
    };  
    var method2 = function() {  
        alert("call Internal method");  
        method1();  
    };  
    this.method3 = function(){  
        method2();  
    }  
};  
var instance1 = new BaseClass();  
instance1.method1();// 会报错，因为method1是BaseClass中定义的内部变量，作用域只有在内部可见（闭包）  
instance1.method3();//会先后调用method2和method1

另一篇记载

/****************************************
* 方法一
* 类、方法、属性都为静态类型
* 不能创建实例
*****************************************/
var Time = {
    today: ‘2009-3-8′, 
    weather: ‘rain’, 
    show: function() {
alert(‘Today is ‘ + this.today); 
}
}; 
 
//静态对象可直接使用，无需创建实例
alert(‘It is ‘ + Time.weather + ‘ today.’); 
Time.show(); 
 
//下面的代码会出错，因为静态类不能创建实例
//var t = new Time();
//t.show();
 
/****************************************
* 方法二
* 普通对象，同时拥有静态和非静态属性、方法
* 可以用实例化
* 注意：
*   1.静态方法/属性使用类名访问
*   2.非静态方法/属性使用实例名访问
*****************************************/
function Person(name) {
//非静态属性
this.name = name; 
//非静态方法
this以上是关于js 静态方法  静态变量   实例方法 实例变量的主要内容，如果未能解决你的问题，请参考以下文章 
 Java静态方法,静态变量,初始化顺序
 python中的实例方法静态方法类方法类变量和实例变量
 static关键字
 成员变量实例变量类变量成员方法实例方法类方法的区别
 实例方法中的静态变量 - 如何解决这个问题？
 java中静态方法和实例方法的区别

js 静态方法 静态变量 实例方法 实例变量

js 静态方法静态变量实例方法实例变量