静态方法、实例方法和原型方法

javaScript中有三种方法，静态方法、实例方法和原型方法。

1、静态方法是直接定义给构造函数的方法。静态方法使用 类名.方法名 去调用，但是构造函数所创建的实例不可以调用静态方法。

2、实例方法是在构造函数上用this指向新创建的实例，用 this.方法名  =  function ( ) {...} 的方式给每个新创建的实例添加方法，这种方式添加的方法称为实例方法。每个实例在创建时都会定义该方法，每个实例的该方法都是自己特有的，不与其它实例共有。实例方法通过 实例.方法名 去调用。构造函数不可调用实例方法。

3、原型方法是定义在构造函数的原型对象上的方法，是所有实例公共的方法，但是创建实例的构造函数却不可以调用原型方法。实例调用构造函数原型对象上的方法的方式：构造函数名.prototype.方法名 。

 

（但是在大部分地方将此处的原型方法称为实例方法，而这里的实例方法没有明确说是哪种方法，不确定这种分类是否正确，这里暂时先这么分类，以后找到确切答案再做修改  ᕕ(˵•̀෴•́˵)ᕗ  ）

 

静态方法举例：

function Person (){
    
}

Person.sayHello = function(){   // 这种形式定义的是静态方法
    console.log("Hello!");
}

var p1 = new Person();
console.log(p1);    // Object{ }
Person.sayHello();  // Hello!
p1.sayHello();      // 报错，Person里面的sayHello方法就是静态方法，创建的实例不可以调用，一调用就会报错。而构造函数本身可以调用。

 

 实例方法举例：

function Person (){
    this.sayHello = function(){   // 这种形式定义的sayHello就是实例方法
        console.log("Hello!");
    }
}

var p1 = new Person();
console.log(p1);    // Object { sayHello: sayHello() }
Person.sayHello();  //报错，构造函数未定义该方法，用this定义的该方法只是给实例定义的，只有实例可以调用
p1.sayHello();      //实例可以调用，输出"Hello!"

var p2 = new Person();
console.log(p2);
p2.sayHello();
console.log(p1.sayHello == p2.sayHello);   // false
console.log(p1.sayHello === p2.sayHello);  // 输出false，每个实例在创建时都会定义sayHello方法，每个实例的该方法都是自己特有的，不与其它实例共有，所以每个实例的该方法不是同一个。

 

原型方法举例：

function Person (){
   	
}

Person.prototype.sayHello = function(){    // 定义的是原型方法
    console.log("Hello!");
}

var p1 = new Person();
console.log(p1);
p1.sayHello();   //实例可以调用原型方法，输出："Hello!"
Person.sayHello();  //报错，构造函数不可调用它自己原型上的方法，只有它创建的实例可以调用它原型上的方法

var p2 = new Person();
console.log(p2);
p2.sayHello();
console.log(p1.sayHello == p2.sayHello);  // true
console.log(p1.sayHello === p2.sayHello); // true  因为是在构造函数的原型上定义的方法，每个实例本身并没有该方法，实例调用的给方法均来自于原型上的，每个实例调用的都是同一个

 

比如 javaScript 中的 Date 对象，只有三个静态方法：Date.now( ) ， Date.parse( ) ，Date.UTC( ) 。

但是 Date 对象的原型里有许多方法可供 Date 实例调用，Date 实例方法分为三类：to类方法，get类方法，set类方法。

再比如 Array 对象中有许多静态方法，在原型中也有一些方法和静态方法同名：

console.log(Array);

有些方法在构造函数和实例上都可以使用，但构造函数和实例调用的却不是同一个，只有实例之间调用的是同一个。以 Array 的 concat 方法和实例 arr 的 concat 方法为例：

var arr = new Array;
var arr2 = new Array;
console.log(Array.concat == arr.concat);  // flase
console.log(arr.concat == arr2.concat);   // true
console.log(arr.concat === arr2.concat);  // true