javascript中静态方法、实例方法、内部方法和原型的一点见解

1、静态方法的定义

 

Js代码

1. var BaseClass = function() {}; // var BaseClass=new Function();
2. BaseClass.f1 = function(){//定义静态方法
3. alert(' This is a static method ');
4. }
5. BaseClass.f1();//This is a static method
6. var instance1 = new BaseClass();
7. instance1.f1();//instance1.f1 is not a function

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

 

Js代码

1. var BaseClass = new Function;
2. var Class2 = BaseClass;
3. BaseClass.f1 = function(){
4. alert("BaseClass ' s static method");
5. }
6. Class2.f2 = function(){
7. alert("Class2 ' s static method");
8. }
9. BaseClass.f1();//BaseClass ' s static method
10. BaseClass.f2();//Class2 ' s static method
11. Class2.f1();//BaseClass ' s static method
12. Class2.f2();//Class2 ' s static method

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

 

Js代码

1. alert(BaseClass == Class2);//true

 

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

Js代码

1. delete Class2.f2;

同时也会删除BaseClass中的f2

 

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

 

Js代码

1. var BaseClass = function() {};
2. BaseClass.prototype.method1 = function(){
3. alert(' This is a instance method ');
4. }
5. var instance1 = new BaseClass();
6. instance1.method1();//This is a instance method

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

 

Js代码

1. var BaseClass = function() {};
2. var instance1 = new BaseClass();
3. instance1.method1 = function(){
4. alert(' This is a instance method too ');
5. }
6. instance1.method1();//This is a instance method too

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

Js代码

1. var BaseClass = function() {
2. this.method1 = function(){
3. alert(' Defined by the "this" instance method');
4. }
5. };
6. var instance1 = new BaseClass();
7. instance1.method1();//Defined by the "this" instance method

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

Js代码

1. var BaseClass = function() {
2. this.method1 = function(){
3. alert(' Defined by the "this" in the instance method');
4. }
5. };
6. var instance1 = new BaseClass();
7. instance1.method1 = function(){
8. alert(' Defined directly in the instance method');
9. }
10. BaseClass.prototype.method1 = function(){
11. alert(' Defined by the prototype instance method ');
12. }
13. instance1.method1();//Defined directly in the instance method

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

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

Js代码

1. 1. var BaseClass = function() {
   2. var method1 = function() {
   3. alert("Internal method");
   4. };
   5. var method2 = function() {
   6. alert("call Internal method");
   7. method1();
   8. };
   9. this.method3 = function(){
   10. method2();
   11. }
   12. };
   13. var instance1 = new BaseClass();
   14. instance1.method1();// 会报错，因为method1是BaseClass中定义的内部变量，作用域只有在内部可见（闭包）
   15. instance1.method3();//会先后调用method2和method1

 

var BaseClass = function () {

this.innermethod = function () {
alert('BaseClass类内定义的方法，BaseClass实例各自拥有，BaseClass的子类共享');
}
};
BaseClass.staticmethod = function () { //定义类的静态方法
alert('BaseClass类的静态方法');
}

BaseClass.prototype.promethod = function () {
alert('BaseClass类原型定义的方法，BaseClass实例共享，BaseClass的子类实例也共享');
}

转载于:https://www.cnblogs.com/520yang/articles/4501677.html