前端基本进阶：JS原型、原型链、工具

 一. 平凡工具与函数工具

JavaScript 中，万物皆工具！但工具也是有区此外。分为平凡工具和函数工具，Object 、Function 是 JS 自带的函数工具。下面举例声名：

var o1 = {};   
var o2 =new Object();  
var o3 = new f1();  
function f1(){};   
var f2 = function(){};  
var f3 = new Function('str','console.log(str)');  
console.log(typeof Object); //function   
console.log(typeof Function); //function    
console.log(typeof f1); //function   
console.log(typeof f2); //function   
console.log(typeof f3); //function     
console.log(typeof o1); //object   
console.log(typeof o2); //object   
console.log(typeof o3); //object 

在上面的例子中 o1 o2 o3 为平凡工具，f1 f2 f3 为函数工具。

怎么区分，着实很简朴，往往通过 new Function() 建设的工具都是函数工具，其他的都是平凡工具。

f1,f2,归根结底都是通过 new Function()的方法举办建设的。

Function Object 也都是通过 New Function()建设的。

二. 结构函数

我们先温习一下结构函数的常识：

function Person(name, age, job) {  
 this.name = name;  
 this.age = age;  
 this.job = job;  
 this.sayName = function() { alert(this.name) }   
}  
var person1 = new Person('Zaxlct', 28, 'Software Engineer');  
var person2 = new Person('Mick', 23, 'Doctor'); 

上面的例子中 person1 和 person2 都是 Person 的实例。这两个实例都有一个 constructor （结构函数）属性，该属性（是一个指针）指向 Person。 即：

console.log(person1.constructor == Person); //true  
  console.log(person2.constructor == Person); //true 

我们要记着两个观念（结构函数，实例）：

person1 和 person2 都是 结构函数 Person 的实例

一个公式：

实例的结构函数属性（constructor）指向结构函数。

三. 原型工具

在 JavaScript 中，每当界说一个工具（函数也是工具）时辰，工具中城市包括一些预界说的属性。个中每个函数工具都有一个prototype 属性，这个属性指向函数的原型工具。

function Person() {}  
Person.prototype.name = 'Zaxlct';  
Person.prototype.age  = 28;  
Person.prototype.job  = 'Software Engineer';  
Person.prototype.sayName = function() {  
  alert(this.name);  
}  
var person1 = new Person();  
person1.sayName(); // 'Zaxlct'  
var person2 = new Person();  
person2.sayName(); // 'Zaxlct'  
console.log(person1.sayName == person2.sayName); //true 

我们获得了本文第「定律」：

1.每个工具都具有一个名为__proto__的属性；

2.每个结构函数（结构函数尺度为大写开头，如Function()，Object()等等JS中自带的结构函数，以及本身建设的）都具有一个名为prototype的要领（留意：既然是要领，，那么就是一个工具（JS中函数同样是工具），以是prototype同样带有__proto__属性）；

3.每个工具的__proto__属性指向自身结构函数的prototype；

4.每个工具都有 、__proto__ 属性，但只有函数工具才有 prototype 属性

四. 原型链

原型工具着实也是平凡的工具。险些全部的工具都也许是原型工具，也也许是实例工具，并且还可以同时是原型工具与实例工具。这样的一个工具，正是组成原型链的一个节点。因此领略了原型，那么原型链并不是一个何等伟大的观念。

我们知道全部的函数都有一个叫做toString的要领。那么这个要领到底是在那边的呢？

先随意声明一个函数：

function add() {} 

那么我们可以用如下的图来暗示这个函数的原型链。

原型链

（编辑：河北网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!