javascript中的new使用_javascript技巧-js教程-PHP中文网

javascript中的new使用_javascript技巧

php中文网

发布： 2016-05-16 18:31:54

原创

1255人浏览过

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

启科网络PHP商城系统

启科网络商城系统由启科网络技术开发团队完全自主开发，使用国内最流行高效的PHP程序语言，并用小巧的MySql作为数据库服务器，并且使用Smarty引擎来分离网站程序与前端设计代码，让建立的网站可以自由制作个性化的页面。系统使用标签作为数据调用格式，网站前台开发人员只要简单学习系统标签功能和使用方法，将标签设置在制作的HTML模板中进行对网站数据、内容、信息等的调用，即可建设出美观、个性的网站。

查看详情

复制代码代码如下:

 
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成员。

大家都在看：

JavaScript工具库开发_Lodash源码分析 JavaScriptWASM集成_Rust与C++模块混编指南 JavaScript包管理_Npm与Yarn依赖管理 JavaScript反射机制_元数据编程技巧 JavaScript函数式编程_不可变数据与纯函数实战