javascript中的new使用

156 阅读 0 评论 103 点赞

我是靠谱客的博主跳跃金针菇，最近开发中收集的这篇文章主要介绍javascript中的new使用，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

所以javascript中没有类的概念。理解这一点很重要，很多javascript教程为了让读者更容易理解，会套用他们常用的类模式中的概念，这样反而让大家产生歧义。
先进段代码，　

复制代码代码如下:

 
function employee(){ 
this.name=""; 
this.dept=""; 
} 
employee.prototype={ 
say:'hello' 
} 
var p = new employee(); 

这段代码，我们会经常用到，其中new关键字最容易引起混淆的一处。这里的new和.NET中的所做的工作不同。
我们可以这样理解javascript中用new操作创建实例的过程，new关键字以employee()为模板创建了一个新的对象，它复制了employee构造器中的成员变量（也可以理解为，将p对象作为参数传入构造函数中，并且应用函数中所有this的成员变量），同时继承了构造器的原型。
我们用代码模拟new的过程。

复制代码代码如下:

 
//var p = new Object() is also correct. 
var p ={}; 
employee.apply(p); 
p.__proto__ = employee.prototype; 

__proto__ 是 javascript对象实例一个内部属性，它指向构造函数即employee的prototype属性，当对象查找某一成员变量时，例如p.say，首先查找自己的成员属性，如果找到了，返回值，如果没找到，就去调用__proto__来检查原型链，当前例子，也就是在employee.prototype中找到say成员。