这篇文章，让你相识 JavaScript 中的原型(基本篇-图文)

如上所述, 每个工具都能链接到函数的原型工具. 假如您变动了函数的原型, 则只有新工具将链接到变动后的原型. 全部其他现有工具如故链接到旧的函数原型. 下面实例来演示这个场景:

function Student() { 
 this.name = 'LeBron James'; 
 this.gender = 'M'; 
 } 
 Student.prototype.age = 15; 
 var studObj1 = new Student(); 
 alert('studObj1.age = ' + studObj1.age); // 15 
 var studObj2 = new Student(); 
 alert('studObj2.age = ' + studObj2.age); // 15 
 Student.prototype = { age : 20 }; 
 var studObj3 = new Student(); 
 alert('studObj3.age = ' + studObj3.age); // 20 
 alert('studObj1.age = ' + studObj1.age); // 15 
 alert('studObj2.age = ' + studObj2.age); // 15 

行使原型

原型工具被JavaScript引擎用来做两件事:

查找工具的属性和要领在JavaScript中实现担任

function Student() { 
 this.name = 'LeBron James'; 
 this.gender = 'M'; 
 } 
 Student.prototype.sayHi = function(){ 
 alert("Hi"); 
 }; 
 var studObj = new Student(); 
 studObj.toString(); 

在上面的示例, toString() 要领在 Student 中没有界说, 那么它是怎样故及从那边找到 toString() 的呢?

在这里，原型呈现了. 起首, JavaScript 引擎搜查 studObj 是否存在 toString 要领?. 假如没有找到,那么它行使 studObj 的 __proto__ 链接指向 Student函数 的 原型工具. 假如它如故无法找到它那么它会在往上层并搜查 Object 函数的原型工具,由于全部工具都是从 JavaScript 中的 Object 派生的,并查找 toString() 要领. 因此, 它在Object函数的原型工具中找到 toString()要领，因此我们可以挪用 studObj.toString().

查找方法,如下图所示

上述就是原型根基常识点以及应用.

（编辑：湖南网）

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