📜  JavaScript |对象构造函数

📅  最后修改于: 2022-05-13 01:56:35.644000             🧑  作者: Mango

JavaScript |对象构造函数

Object: Object是key形式的相关数据或功能的集合。这些功能通常由几个函数和变量组成。所有 JavaScript 值都是对象,除了原语。

例子:

var GFG = {
    subject : "programming",
    language : "JavaScript",
}

在这里,主题语言编程JavaScript

类:在 JavaScript 中,类是一种函数。这些类类似于普通的Java类。这些类是用class关键字声明的,就像另一种 OOP 语言一样。类语法有两个组成部分:类声明类表达式

  • 类声明:
    class GFG {
        constructor(A, B, C) {
            this.g = A;
            this.f = B;
            this.gg = C;
        }
    }

    这里的类名是GFG

  • 类表达式:
    
    

    输出:

    JavaScript
    Java

this关键字: this关键字指的是它所属的对象,如OOPs语言C++、C#、 Java等。this关键字在不同领域的使用方式不同。在 JavaScript 中执行一个函数时,该函数具有对其当前执行上下文的引用,即函数或数据成员的引用。请参见前面的示例。

向对象添加属性:可以使用点(.)运算符或方括号将属性添加到对象。 ,

var GFG = {
    articles: 'computer science',
    quantity: 3000,
};

GFG有两个属性“文章”和“数量”。现在我们希望再添加一个名为subject的属性名称。

  • 使用点 (.)运算符
    GFG.subject: 'JavaScript';
  • 使用方括号:
    GFG['subject']: 'JavaScript';

这里, subject是属性, 'JavaScript'是属性的值。

向构造函数添加属性:我们不能像向对象添加属性一样向现有构造函数添加属性(参见上一点),对于添加属性,我们需要在构造函数下声明。

function GFG(a, b, c) {
    this.A = a;
    this.B = b;
    this.C = c;
    this.G = "GEEK";
}

在这里,我们添加了一个值为“GEEK”的属性名称G ,在这种情况下,值“GEEK”没有作为参数传递。

向对象添加方法:我们可以向现有对象添加新方法。

GFG.n = function () {
    return this.A + this.B;
};

这里,对象是GFG。

向构造函数添加方法:

function GFG(a, b, c) {
    this.A = a;
    this.B = b;
    this.C = c;
    this.n = function () {
        return this.A + this.B;
    }
}

在这里,在最后一行中,一个方法被添加到一个对象中。

构造函数:构造函数是初始化对象的函数。在 JavaScript 中,构造函数更类似于普通的Java构造函数。

对象构造函数:在 JavaScript 中,有一个称为Object()的特殊构造函数用于创建和初始化对象。 Object()构造函数的返回值被分配给一个变量。该变量包含对新对象的引用。我们需要一个对象构造函数来创建一个可以多次使用的对象“类型” ,而无需每次都重新定义对象。

例子:

function GFG(A, B, C) {
    this.g = A;
    this.f = B;
    this.gg = C;
}

这里, GFG是构造函数名称,A、B、C 是构造函数的参数。

实例化对象构造函数:实例化对象构造函数有两种方式,

1. var object_name = new Object(); or  
   var object_name = new Object("java", "JavaScript", "C#");
2. var object_name = { };

在第一种方法中,对象是像普通 OOP 语言一样使用new关键字创建的, “Java”、“JavaScript”、“C#”是参数,在调用构造函数时传递。
在第二种方法中,使用花括号“{}”创建对象。

将属性分配给对象:有两种方法可以将属性分配给对象。

  • 使用点 (.)运算符
    object_name . properties = value;
  • 使用第三个括号:
    object_name [ 'properties'] = value;

示例 1:此示例显示了使用new关键字创建对象并使用dot(.) 运算符为对象分配属性。

                    

输出:

Subject: JavaScript
Author: GeeksforGeeks

示例 2:此示例显示使用花括号创建对象并使用第三个括号“[]”运算符为对象分配属性。


输出:

Subject: JavaScript
Author: GeeksforGeeks

示例 3:此示例展示了如何将函数 () 与对象构造函数一起使用。

                        

输出:

Subject: JavaScript
Author: GeeksforGeeks
Adding the strings: JavaScript GeeksforGeeks

示例:使用函数名称创建函数的另一种方法。

                    

输出 :

Subject: JavaScript
Author: GeeksforGeeks
Adding the strings: JavaScript GeeksforGeeks