JavaScript对象的构造函数和new操作符(实例详解)

javascriptjavascript 2023-08-29 09:06:42 728
摘要: 本篇文章给大家带来了关于javascript的相关知识,其中主要介绍了关于对象的构造函数和new操作符,构造函数是所有对象的成员方法中,最早被调用的那个,下面一起来看一下吧,希望对大家有帮助。【相关推荐:javascript视频教程、w...

本篇文章给大家带来了关于javascript的相关知识,其中主要介绍了关于对象的构造函数和new操作符,构造函数是所有对象的成员方法中,最早被调用的那个,下面一起来看一下吧,希望对大家有帮助。

【相关推荐:javascript视频教程、web前端】

23.JavaScript对象的构造函数和操作符new

一、前言

前文讲到的对象创建方法都是直接使用let obj = {...}语法,具体方法如下:

let user = {
    name:'xiaoming',
    ...}

这样的对象创建方法虽然简单又直接,但是对象的代码无法重用,在创建很多类似对象时,代码量会很高。

此时,就需要使用构造函数,和new操作符实现相似对象的构建。

二、构造函数

如果学习过其他面向对象语言的童鞋对构造方法应该都不陌生,尤其是学习C++的童鞋应该印象会非常深刻。

构造函数概念和用途

在其他面向对象的语言中,构造函数通常是这样定义的:

我们可以简单的理解为,构造函数是所有对象的成员方法中,最早被调用的那个。常用于初始化对象的状态,例如人的名字、火车的节数等。

和构造函数对应的是析构函数,析构函数是所有对象的成员方法中,最后被调用的那个,常常是对象失去存在价值,用于回收对象资源。

对象的生命周期

一个对象从创建到回收,总共可以划分为3个阶段,如下图:

image-20220509094804084

其中,对象创建阶段的主要工作由构造函数完成,包括对象的初始化,关系的连接等。执行阶段主要是对象功能的调用,用于配合整个项目的执行,通常由普通函数(对象的成员函数)完成。销毁阶段由析构函数接手,用于清除对象占用的内存空间,防止内存泄漏的发生。

JavaScript构造函数

相比于其他面向对象语言,JavaScript对象的构造函数比较特殊,它可以是任何一个普通的函数,而且无需在对象中定义。只有两个约定:

  1. 构造函数的命名通常以大写开头;
  2. 构造函数智能由new操作符执行;

例如:

function People(name){
    this.name = name;}