Heim Web-Frontend js-Tutorial Einführung in Objekte in JavaScript_Javascript-Kenntnisse

Einführung in Objekte in JavaScript_Javascript-Kenntnisse

May 16, 2016 pm 04:23 PM

In JavaScript sind alle anderen Werte außer Zahl, Zeichenfolge, Boolescher Wert, Null und Undefiniert Objekte. Objekte können direkt über Literale deklariert oder über den new-Operator erstellt werden. Im Gegensatz zur Java-Sprache können Eigenschaften in JavaScript-Objekten gleichzeitig dynamisch hinzugefügt oder gelöscht werden. Eigenschaften in Objekten können auch leere Zeichenfolgen sein:


Code kopieren Der Code lautet wie folgt:

//Eigenschaften im Objekt können dynamisch hinzugefügt/gelöscht werden
var o = {x:1, y:2};
console.log(o);//Objekt {x=1, y=2}
löschen o.y;
o.z = 3;
console.log(o);//Object {x=1, z=3}

//Leerstring ist als Objekteigenschaft zulässig
var o2 = {"":88, "p":99};
console.log(o2);//Object { =88, p=99}

//für die Konstruktorfunktion gibt die Operation „neu“ ein Objekt zurück.
Funktion Computer(x, y) {
this.x = x;
this.y = y;
}
var c = neuer Computer(126, 163);
console.log(c);//Computer {x=126, y=163}
var c2 = new Computer(126);//fehlender Parameterwert wird „undefiniert“ sein
console.log(c2);//Computer {x=126, y=undefiniert}
c.z = 66;
console.log(c);//Computer {x=126, y=163, z=66}
löschen c.y;
console.log(c);//Computer {x=126, z=66}

Wenn die Funktion, die beim Erstellen eines neuen Objekts mit dem Operator new verwendet wird, kein Klassenkonstruktor, sondern nur eine gewöhnliche Funktion ist, gibt JavaScript nach Ausführung der Funktion ein leeres Objekt zurück:

Code kopieren Der Code lautet wie folgt:

//Für eine reine Funktion gibt die Operation „neu“ ein leeres Objekt zurück.
Funktion berechne(x){
console.log("Funktion berechnen ausführen");
Rückgabe x*2;
}
var a = new compute();
console.log(a);//compute {}

Objekteigenschaft

Objekt in JavaScript hat die folgenden 3 Eigenschaften:

1.Prototyp. Referenz, die auf das Prototypobjekt von Object verweist. Eigenschaften in Prototypobjekten können von Object geerbt werden.
2. Klasse. Eine Zeichenfolge, die den Klassennamen von Object darstellt.
3. erweiterbar. Ein boolescher Wert, der angibt, ob das dynamische Hinzufügen von Eigenschaften im Objekt zulässig ist. Diese Eigenschaft ist nur in ECMAScript 5 gültig.

Eigenschaftsattribut

Eigenschaft in Objekt hat auch 3 Attribute:

1.beschreibbar. Ob die Eigenschaft beschreibbar ist.
2.aufzählbar. Ob die Eigenschaft bei Verwendung der for/in-Anweisung aufgelistet wird.
3. konfigurierbar. Ob die Eigenschaften dieser Eigenschaft geändert werden können und ob die Eigenschaft gelöscht werden kann.

Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße Artikel -Tags

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Ersetzen Sie Stringzeichen in JavaScript Ersetzen Sie Stringzeichen in JavaScript Mar 11, 2025 am 12:07 AM

Ersetzen Sie Stringzeichen in JavaScript

Benutzerdefinierte Google -Search -API -Setup -Tutorial Benutzerdefinierte Google -Search -API -Setup -Tutorial Mar 04, 2025 am 01:06 AM

Benutzerdefinierte Google -Search -API -Setup -Tutorial

Beispielfarben JSON -Datei Beispielfarben JSON -Datei Mar 03, 2025 am 12:35 AM

Beispielfarben JSON -Datei

Erstellen Sie Ihre eigenen AJAX -Webanwendungen Erstellen Sie Ihre eigenen AJAX -Webanwendungen Mar 09, 2025 am 12:11 AM

Erstellen Sie Ihre eigenen AJAX -Webanwendungen

8 atemberaubende JQuery -Seiten -Layout -Plugins 8 atemberaubende JQuery -Seiten -Layout -Plugins Mar 06, 2025 am 12:48 AM

8 atemberaubende JQuery -Seiten -Layout -Plugins

Was ist ' this ' in JavaScript? Was ist ' this ' in JavaScript? Mar 04, 2025 am 01:15 AM

Was ist ' this ' in JavaScript?

Verbessern Sie Ihr JQuery -Wissen mit dem Quell Betrachter Verbessern Sie Ihr JQuery -Wissen mit dem Quell Betrachter Mar 05, 2025 am 12:54 AM

Verbessern Sie Ihr JQuery -Wissen mit dem Quell Betrachter

10 Mobile Cheat Sheets für die mobile Entwicklung 10 Mobile Cheat Sheets für die mobile Entwicklung Mar 05, 2025 am 12:43 AM

10 Mobile Cheat Sheets für die mobile Entwicklung

See all articles