js-静态、原型、实例方法

本篇来说一下js中的属性：

1、静态方法

2、原型方法

3、实例方法

静态方法：

Object.extend=function(destination,source){
  for(var property in source){
    destination[property]=source[property];
  }
  return destination;
}

上面这个方法是经典的对象扩展的方法，定义在了Object对象下，是一个很直观的静态方法。

调用方式为：类名.extend(...)

原型方法：

给原型添加方法的方式有两种：

function klass(){}
klass.prototype.foo=function foo(){
  alert("klass");
}

function fn(){}
fn.prototype={
  constructor:fn,
  foo:function(){
    alert("fn");
  }
}

下面这种对象字面量的写法会重写prototype，所以原本自动获得的constructor属性也需要重写。这种方式会导致它的[[Enumerable]]特性设置为true，原生的constructor属性是不可枚举的。

调用方式有两种：

1、类名.prototype.foo(...);

2、实例对象.foo(...);

实例方法：

function klass(){}
var obj=new klass();
obj.foo=function(id){
  this.id=id;
  console.log(this.id);
}
obj.foo("myobj");//myobj

实例方法的调用只有一种：该实例对象.foo(...);

实例方法和原型方法的调用方式可能会搞混大家，我用下面这个例子讲解他们的不同：

function klass(){}
var obj=new klass();
klass.prototype.say=function(words){
	this.words=words;
}
obj.say("hello");
console.log(obj.words);//hello
console.log(klass.prototype.words);//undefined
klass.prototype.say("nothing");
console.log(klass.prototype.words);//nothing
var obj1=new klass();
obj.foo=function(id){
  this.id=id;
  console.log(this.id);
}
console.log(obj1.foo);//undefined

原型方法最主要取决于它的调用方式。再说直白点就是当前this对象指向的是什么。

obj.say("hello");这句话调用的是原型方法klass.prototype.say方法（根据原型链查找），所以this对象指向的是obj对象，也就是一个实例对象，同样this.words=words;这句话也就相当于给obj添加了words实例属性（js属性看这儿），所以obj有了个实例属性words，而klass.prototype没有，所以console.log(klass.prototype.words);的结果是undefined。

再看klass.prototype.say("nothing");这句话的this指向的klass.prototype，所以是给klass.prototype添加了words属性，所以console.log(klass.prototype.words);的结果是nothing。

来到下面obj.foo=function(){...}，这句话是给obj添加了一个foo方法，这个方法是该实例独有的，所以另一个实例对象obj1就无法查找到它的foo方法，即输出undefined。

js的方法篇作为js的属性篇的姊妹篇到此也结束了，有疑问或错误之处欢迎指出，请大家多多赐教。

预告：下一篇讲解js大杂烩——js-闭包（closure）&this&arguments对象&懒加载（lazyload）