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

216 阅读 0 评论 143 点赞

我是靠谱客的博主沉默小霸王，最近开发中收集的这篇文章主要介绍基于JavaScript自定义构造函数的详解说明，觉得挺不错的，现在分享给大家，希望可以做个参考。

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的对象将会被抛弃。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。