javascript中的new使用
更新时间：2010年03月20日 23:27:30 作者：
javascript是基于原型(Prototype based)的面向对象的语言，这点不同于我们熟悉的.NET，Java语言，是基于类模式(Class based)。
所以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成员。
先进段代码，
复制代码 代码如下:
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成员。
相关文章
这篇文章主要为大家详细介绍了微信小程序地图实现展示线路，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-06-06
JavaScript是基于对象的语言。我们知道，对象是由一组数据(JavaScript中称之为属性)和施加在这组数据上的方法组成的。JavaScript中还有一些不属于任何对象的系统函数2012-01-01
js原型链与继承是js中的重点,原型的实现则是在原型链的基础上，本篇文章深入理解JS继承和原型链的问题，有兴趣的同学可以了解一下。2016-12-12
这篇文章主要介绍了JS document对象简单用法,结合完整实例形式详细分析了JS document对象获取、输出、节点调用等相关操作技巧,需要的朋友可以参考下2020-01-01
这篇文章主要介绍了Chart.js功能与使用方法,结合实例形式分析了Chart.js功能、使用方法及操作注意事项,需要的朋友可以参考下2020-04-04
这篇文章主要介绍了Ext JS 实现建议词模糊动态搜索功能,需要的朋友可以参考下2017-05-05
Babel是一个广泛使用的转码器，可以将ES6代码转为ES5代码，本篇文章主要介绍了Babel 入门教程学习笔记，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-06-06
今天小编就为大家分享一篇layui多图上传实现删除功能的例子，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-09-09
在讲这个问题之前，先来补充几个知识点，如果对此已经比较了解可以直接跳过2012-05-05
JavaScript中的console.trace()函数介绍
这篇文章主要介绍了JavaScript中的console.trace()函数详细介绍,console.trace()函数用来打印函数调用的栈信息,需要的朋友可以参考下2014-12-12
最新评论