基于JavaScript自定义构造函数的详解说明_基础知识
程序员文章站
2022-04-10 23:47:51
...
Javascript并不像Java、C#等语言那样支持真正的类。但是在js中可以定义伪类。做到这一点的工具就是构造函数和原型对象。首先介绍js中的构造函数。
var obj = new Object();
var date = new Date();
运算符new首先创建一个新的没有任何属性的对象,然后调用该函数,把新的对象作为this关键字的值传递。
var date = new Date()的伪代码的实现就是
function Rectangle(w, h)
{
this.width = w;
this.height = h;
}
然后,可以使用new运算符调用这个函数来创建对象的实例
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的对象将会被抛弃。
上一篇: 电脑上的alt+tab键是什么快捷键
推荐阅读
-
JavaScript中构造函数与原型链之间的关系详解
-
详解Javascript 中的 class、构造函数、工厂函数
-
Javascript非构造函数的继承实例详解
-
JavaScript中构造函数与原型链之间的关系详解
-
基于JavaScript实现继承机制之调用call()与apply()的方法详解_基础知识
-
基于JavaScript实现继承机制之构造函数方法对象冒充的使用详解_基础知识
-
Javascript 构造函数详解_基础知识
-
基于JavaScript实现继承机制之调用call()与apply()的方法详解_基础知识
-
javascript的数组和常用函数详解_基础知识
-
基于JavaScript实现继承机制之构造函数+原型链混合方式的使用详解_javascript技巧