基于JavaScript自定义构造函数的详解说明

2019-12-24,,,

Javascript并不像Java、C#等语言那样支持真正的类。但是在js中可以定义伪类。做到这一点的工具就是构造函数和原型对象。首先介绍js中的构造函数。


Javascript中创建对象的语法是在new运算符的后面跟着一个函数的调用。如
复制代码 代码如下:
 var obj = new Object();
 var date = new Date();

运算符new首先创建一个新的没有任何属性的对象,然后调用该函数,把新的对象作为this关键字的值传递。
var date = new Date()的伪代码的实现就是


var obj = {};


var date = Date.call(obj);


构造函数的作用就是初始化一个新创建的对象,并在使用对象前设置对象的属性。如果定义自己的构造函数,只需要编写一个为this添加属性的函数就可以了。下面的代码定义了一个构造函数:
复制代码 代码如下:
 function Rectangle(w, h)
 {
     this.width = w;
     this.height = h;
 }

然后,可以使用new运算符调用这个函数来创建对象的实例


var rect = new Rectange(4,8);


构造函数的返回值


Javascript中的构造函数通常没有返回值。但是,函数是允许有返回值的。如果一个构造函数有一个返回值,则返回的对象成为new表达式的值。在此情况下,作为this的对象将会被抛弃。

您可能感兴趣的文章:

  • 基于JavaScript实现继承机制之构造函数+原型链混合方式的使用详解
  • 基于JavaScript实现继承机制之构造函数方法对象冒充的使用详解
  • JavaScript利用构造函数和原型的方式模拟C#类的功能
  • JavaScript继承基础讲解(原型链、借用构造函数、混合模式、原型式继承、寄生式继承、寄生组合式继承)
  • 深入理解javascript构造函数和原型对象
  • 浅谈javascript构造函数与实例化对象
  • javascript设计模式之对象工厂函数与构造函数详解

《基于JavaScript自定义构造函数的详解说明.doc》

下载本文的Word格式文档,以方便收藏与打印。