English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

JavaScript Grund教程

JavaScript Objekte

JavaScript Funktionen

JS HTML DOM

JS Browser BOM

AJAX Grund教程

JavaScript Referenzhandbuch

Objekt erstellen in JavaScript

Objekte bestehen aus属性undMethodenDaten Typen bestehen aus Kollectionen.

Wie in vielen anderen Programmiersprachen kann man JavaScript-Objekte mit realen Objekten vergleichen.

In JavaScript ist im Grunde alles ein Objekt:

  • Zeichenketten können Objekte sein (wenn mit dem Schlüsselwort 'new' definiert)

  • Zahlen können Objekte sein (wenn mit dem Schlüsselwort 'new' definiert)

  • Boolesche Werte können Objekte sein (wenn mit dem Schlüsselwort 'new' definiert)

  • Daten sind stets Objekte

  • Mathematik ist stets ein Objekt

  • Arrays sind stets Objekte

  • Reguläre Ausdrücke sind stets Objekte

  • 函数永远是对象

  • Object就是对象

除原语外,所有JavaScript值都是对象。

JavaScript基元

原始值是没有属性或方法的值。

在JavaScript中,有5种原始类型:

  • string

  • number

  • boolean

  • null

  • undefined

对象是变量

JavaScript变量只能包含一个值。

var user = "oldtoolbag.com";
Testen sehen‹/›

对象也是变量,但是对象可以包含许多值。

可以将对象写为name:value对,并用冒号(:)分隔。

var user = {firstName:"Vishal", lastName:"Jodari", age:22, location:"New Delhi"};
Testen sehen‹/›

JavaScript对象是无序属性的集合。

对象属性

属性是对象中名称和值之间的关联,并且可以包含任何数据类型。

属性通常是指对象的特征。

属性属性值
firstName维沙尔
lastName乔达里
age22
location新德里

您将在下一章中了解有关属性的更多信息。

对象方法

方法是作为对象属性值的函数,因此是对象可以执行的任务。

方法存储在属性中作为函数定义.

属性适当的价值
firstName维沙尔
lastName乔达里
age22
location新德里
getNamefunction() {返回 this.firstName + " " + this.lastName;}

注意:方法是作为属性存储的函数。

创建一个JavaScript对象

JavaScript有许多预定义的对象。另外,您可以创建自己的对象。

有多种创建新对象的方法:

  • Verwenden Sie对象常量,它使用大括号:{}

  • Verwenden Sie对象构造函数,它使用new Object()

  • 或者,您可以先创建一个Konstruktor   ,然后示例化一个调用该函数的对象

使用对象常量

Verwenden Sie对象常量是创建JavaScript对象的最简单方法。

Verwenden Sie对象常量,您可以在一个语句中定义和创建一个对象。

下面的示例创建一个具有四个属性的新JavaScript对象:

var user = {firstName:"Vishal", lastName:"Jodari", age:22, location:"New Delhi"};
Testen sehen‹/›

对象定义可以跨越多行:

var user = {
  firstName: "维沙尔",
  lastName : "乔达里",
  age  : 22,
  location : "新德里"
};
Testen sehen‹/›

使用new Object()

Verwenden Sie对象构造函数是创建JavaScript对象的另一种方法。

下面的示例创建一个具有四个属性的新JavaScript对象:

var user = new Object();
user.firstName = "维沙尔";
user.lastName = "乔达里";
user.age = 22;
user.location = "Neu-Delhi";
Testen sehen‹/›

Die beiden obigen Beispiele sind vollständig identisch. Es ist nicht erforderlich, new Object() zu verwenden.

Verwenden SieObjekt-Literalist die häufigere und bevorzugte Methode, da sie weniger häufig unvorhersehbare Ergebnisse verursacht.

Verwenden Sie den Konstruktor

Außerdem können Sie Objekte durch folgende zwei Schritte erstellen:

  • Durch SchreibenKonstruktorDefinition von Objekttypen (üblicherweise in Großbuchstaben verwendet)

  • Beispiel zur Erstellung eines Objekts mit dem neuen Schlüsselwort

Das folgende Beispiel zeigt, wie man Objekttypen durch Definition des Konstruktors erstellt:

  function User(fname, lname, age, loc) {
   this.firstName = fname;
   this.lastName = lname;
   this.age = age;
   this.location = loc;
  }

Jetzt können wir einen Benutzernamenuser1Objekt, wie folgt dargestellt:

var user1 = new User("Vishal", "Jodhary", 22, "Neu-Delhi");
Testen sehen‹/›

Wir werden dies in einem späteren Teil dieses Tutorials besprechenKonstruktor.

JavaScript-Objekte sind veränderlich

Veränderlich ist eine Variable, die geändert werden kann. In JavaScript sind nur Objekte und Arrays veränderlich, nicht die primitiven Werte.

Veränderliche Objekteist ein Objekt, dessen Zustand nach der Erstellung geändert werden kann.

UnveränderlichObjekte sind solche, deren Zustand nach der Erstellung des Objekts nicht geändert werden kann.

ZeichenfolgenundZahlenistUnveränderlich. Lassen Sie uns dies mit einem Beispiel verständlicher machen:

  var immutableString = "Hello";
  
  // Im obigen Code wurde ein neuer Objekt mit einem String-Wert erstellt.
  
  immutableString = immutableString + "World";
  
  // Jetzt fügen wir "World" an den bestehenden Wert hinzu.

Nachdem "immutableString" an den String-Wert angehängt wurde, werden folgende Ereignisse auftreten:

  • Der bestehende Wert von "immutableString" wird abgerufen.

  • "World" wird an den bestehenden Wert von "immutableString" angehängt.

  • Dann wird der Ergebniszugriff auf den neuen Speicherblock zugewiesen.

  • Jetzt verweist das Objekt "immutableString" auf den neu erstellten Speicherplatz.

  • Der Speicherplatz, der früher erstellt wurde, ist jetzt für den Müllabfuhrprozess verfügbar.

Objekte sind veränderlich: Sie werden über Referenzen anstatt über Werte angesprochen.

Falls user ein Objekt ist, wird der folgende Ausdruck keine Kopie dieses Benutzers erstellen:

  var x = user;  // Dies erstellt keine Kopie von user.

Objekt x ist keine Kopie von user, es ist user. x und user sind dasselbe Objekt.

Jegliche Änderung an x wird auch user ändern, da x und user das gleiche Objekt sind.

var user = {firstName:"Vishal", lastName:"Jodari", age:22, location:"New Delhi"};
var x = user;
x.location = "Goa";// Dies wird gleichzeitig x.location und user.location ändern
Testen sehen‹/›

Objekte vergleichen

In JavaScript sind Objekte Referenztypen. Selbst wenn zwei verschiedene Objekte die gleichen Eigenschaften haben, sind sie niemals gleich.

// Zwei Variablen, zwei Objekte mit gleichen Eigenschaften
var fruit = {name: "apple"};
var fruitbear = {name: "apple"};
fruit == fruitbear;  // Rückgabe false
fruit === fruitbear; // Rückgabe false
Testen sehen‹/›

Nur wenn dieselbe Objektreferenz mit sich selbst verglichen wird, ergibt dies true:

// Zwei Variablen, ein Objekt
var fruit = {name: "apple"};
var fruitbear = fruit;  // Die Referenz des fruit-Objekts wird fruitbear zugewiesen
// Hier verweisen fruit und fruitbear auf denselben Objekt
fruit == fruitbear; // Rückgabe true
fruit === fruitbear; // Rückgabe true
Testen sehen‹/›