回到了自身的故乡，期待中有觉得到了许多的生疏，一个有“故事”的环境中，你我是不是“伶仃”！

函数的范例

在我看来function共有三种范例，作为对象运用，处置惩罚营业以及穿件object的实例对象。跟这三种用法相对应的有三种子范例，分别是对象的属性、变量（包括参数）和建立出来的object范例实例对象的属性。这三种子类是互相自力的，而且也很轻易辨别。然则，我们方才打仗的时刻很轻易殽杂。

1.function 作为对象来运用

这类状况下，function对象的子范例就是对象自身的属性，这时候经由过程操纵符“.”(或许方括号操纵符)运用，示例以下:

function book(){}
book.price=999;
book["getPrice"]=function(){
    return this.price;
}
console.log(book.getPrice()); //输出效果：999

我很少遇到function来作为object范例的对象来运用。

2.funciton 用于处置惩罚营业

这类状况下，function的子范例就是自身定义的局部变量（包括参数），这时候的变量着实要领被挪用时经由过程变量作用域链来治理的。
关于变量我之前的文档中有触及到，这里就不过量的说清楚明了。

3.function 用于建立对象

这类状况下，对应的子范例是运用function建立实例对象的属性（很经常使用），重要包括在function中经由过程this增加属性，以及建立完成以后实例对象自身增加的属性。别的，还能够挪用function的prototype属性对象所包括的属性，示例以下：

function Car(color,displacement){
    this.color = color;
    this.displacement = displacement;
}
Car.prototype.logMessage = function(){
  console.log(this.color+","+this.displacement);  
};
var car = new Car("yellow","2.4T");//看看是不是是相似组织函数？哈哈

这个例子中建立的car对象就包括有color和displacement两个属性，而且还能够挪用Car.prototype的logMessage要领。固然，建立完以后还能够运用点操纵符给建立的car对象增加或许修正属性，也能够运用delete删除个中的属性，示例以下：

function Car(color,displacement){
    this.color = color;
    this.displacement = displacement;
}
//一切建立出来的car都有该要领
Car.prototype.logMessage = function(){
  console.log(this.color+","+this.displacement);  
};
var car = new Car("yellow","2.4T");//看看是不是是相似组织函数？哈哈
//给car对象增加属性
car.logColor = function(){
  console.log(this.color);  
};
//完成挪用测试
car.logColor();//输出效果： yellow
car.color = "red";
car.logColor();//输出效果：red
delete car.color;//删除属性
car.logColor();//输出效果：undefined

代码剖析：

在建立完car对象以后，又给它增加了logColor的要领，能够打印car的color属性。增加完logColor要领后直接挪用就能够打印出car本来的color属性值（yellow）。然后，将其修正为red，在打印出了red。末了，运用delete删除car的color的属性，这时候在挪用logColor要领会打印出undefined

实在跟我的解释申明一致！！！

三种子范例的关联

function的三种子范例是互相自力的，他们只能在自身所对应的环境中运用而不能互相挪用，示例以下：

function log(msg){//第二种营业处置惩罚
    console.log(msg);
}
function Bird(){
    var name = "kitty";
    this.type = "pigeon";
    this.getName = function(){
        return this.name;//建立的对象没有name属性
    }
}
Bird.color = "white";//第一种object范例的对象
Bird.getType = function(){//第一种object范例的对象
    return this.type;
};
Bird.prototype.getColor = function(){//第三种建立对象
    return this.color;
}
var bird = new Bird();
log(bird.getColor());// undefined
log(bird.getName()); // undefined
log(bird.getType()); // undefined

Bird 作为对象时包括 color 和 getType 两个属性，作为处置惩罚营业的函数是包括一个名为name的局部变量，建立的实例对象bird具有type和getName两个属性，而且还能够挪用Bird.prototype的getColor属性，getColor也能够看做bird的属性。

每种用法中所定义的要领只能挪用相对应所对应的属性，而不能交织挪用，从对应关联中能够看出，getName、getColor和getType三个要领中没法获取到值，人人再仔细剖析一下！

别的，getName和getColor是bird的属性要领，getType是Bird的属性要领，假如用Bird对象挪用getName或getColor要领或许运用bird对象挪用getType要领都邑抛出找不到的毛病。

三种子范例不能够互相举行挪用以外，另有一种状况也异常重要：那就是对象的属性并没有继续的关联。

function obj(){}
obj.v=1;
obj.func = {
    logV : function(){
        console.log(this.v);
    }
}
obj.func.logV();

代码剖析：

这个例子中的obj是作为对象运用的，obj是有一个属性v和一个对象属性func，func对象中又有一个logV要领，logV要领用于打印对象的v属性。这里须要特别注意：

logV要领打印的是func对象的v属性，然则func对象中并没有v属性，所以末了效果是undefined。

这个例子中，虽然obj对象中包括v属性，然则由于属性不能够继续，所以obj的func属性对象中的要领不能够运用obj中的属性v.

请人人一定要记着，而且不要和prototype的继续以及变量作用域链相殽杂

关联三种子范例

三种子范例本来是互相自力、各有各的运用环境的，然则，有一些状况下须要操纵不属于自身所对应环境的子范例，这时候就须要运用一些技能来完成了。

商定以下

• function 作为对象运用时记作 O(Object)
• 作为函数运用时记作 F(Function)
• 建立出来的对象实例记作 I(Instance)
• op(object property)
• v(variable)
• ip(instance property)

• 纵向表头示意function的差别用法

• 横向表头示意三种范例，表格的主体示意在function响应用法中挪用种种子类的要领。

  由于function建立的实例对象在建立之前还不存在，所以function作为要领（F）和作为对象（O）运用时没法挪用function建立的实例对象的属性（ip）。挪用参数能够在函数中将变量关联到响应的属性，挪用function作为对象（O）时的属性能够直接运用 function 对象来挪用

function log(msg){
    console.log(msg);
}
function Bird(){
    //私有属性
    var name = "kitty";
    var type = "pigeon";
    //将局部变量name关联到新建立的对象的getName，setName属性要领
    //闭包能够运用局部变量
    //公有属性
    this.getName = function(){
        return name;
    }
    this.setName = function(n){
        name = n;
    }
    //将局部变量type关联到Bird对象getType属性要领
    //静态属性
    Bird.type = function(){
        return type;
    }
    //在营业处置惩罚中挪用Bird对象的color属性
    log(Bird.color);//输出效果： white,F挪用op
    
}
Bird.color = "white";// 代表 O
//在建立出的实例对象中挪用Bird对象的color属性
Bird.prototype.getColor = function(){//I
    return Bird.color;//OP
}
var bird = new Bird(); // 建立实例 I
log(bird.getColor()); // 输出效果：white ， I 挪用 op
log(bird.getName());// 输出效果：kitty , I 挪用 v 局部变量
log(Bird.getType());// 输出效果:pigeon , O 挪用 v 局部变量
bird.setName("petter");  // I 挪用 v
log(bird.getName());// 输出效果：petter , I 挪用 v 局部变量

好好剖析上述的代码，异常典范的，相识三种子范例的差别环境用法中交织挪用的要领

附录：“公有属性” “私有属性” 和 “静态属性”

上面的示例中我们触及到了公有属性、私有属性和静态属性的申明，由于JS并非基本类而是基于对象的言语，因而JS自身并没有这些观点。

• 公有属性：平常指运用function对象建立出object实例对象所具有的属性。
• 私有属性：平常指function的内部变量
• 静态属性：平常指function对象自身的属性