Latest web development tutorials
×

JavaScript Kurs

JavaScript Kurs JavaScript Kurze Einführung JavaScript Verwendung JavaScript Export JavaScript Grammatik JavaScript Statements JavaScript Note JavaScript Variable JavaScript Datentypen JavaScript Objekte JavaScript Funktion JavaScript Anwendungsbereich JavaScript Ereignis JavaScript Schnur JavaScript Die Betreiber JavaScript vergleichen JavaScript If...Else JavaScript switch JavaScript for JavaScript while JavaScript Break & Continue JavaScript typeof JavaScript Typumwandlung JavaScript Reguläre Ausdrücke JavaScript Fehler JavaScript Fehlerbeseitigung JavaScript Variable Lift JavaScript Strict-Modus JavaScript Missbrauch JavaScript Formularauthentifizierung JavaScript reservierte Schlüsselwörter JavaScript JSON JavaScript void JavaScript Code-Spezifikation

JS Funktion

JavaScript Funktionsdefinition JavaScript Funktionsargumente JavaScript Funktionsaufruf JavaScript Verschlüsse

JS HTML DOM

DOM Kurze Einführung DOM HTML DOM CSS DOM Ereignis DOM EventListener DOM Element

JS Erweiterte Tutorial

JavaScript Objekte JavaScript Number JavaScript String JavaScript Date JavaScript Array JavaScript Boolean JavaScript Math JavaScript RegExp Objekte

JS Browser BOM

JavaScript Window JavaScript Window Screen JavaScript Window Location JavaScript Window History JavaScript Navigator JavaScript Pop JavaScript Timed Ereignis JavaScript Cookies

JS Lagerhaus

JavaScript Lagerhaus JavaScript Test jQuery JavaScript Test Prototype

JS Beispiele

JavaScript Beispiele JavaScript Object-Instanz JavaScript Browser-Objektinstanz JavaScript HTML DOM Beispiele JavaScript Zusammenfassung

JS Referenzhandbuch

JavaScript Objekte HTML DOM Objekte

JavaScript Object

Alle Dinge sind JavaScript-Objekte: Strings, Zahlen, Arrays, Funktionen ...

Darüber hinaus ermöglicht JavaScript benutzerdefinierte Objekte.


Alles ist ein Objekt

JavaScript bietet mehrere integrierte Objekte wie String, Datum, Array, und so weiter. Nur mit speziellen Datentyp Objekt Eigenschaften und Methoden.

  • Boolean kann ein Objekt sein.
  • Numerisch Typ kann ein Objekt sein.
  • String kann auch ein Objekt sein
  • Datum ist ein Objekt
  • Mathematik und reguläre Ausdrücke sind Objekte
  • Ein Array ist ein Objekt
  • Auch kann das Objekt Funktion sein

JavaScript Object

Das Objekt ist nur eine besondere Art von Daten. Objekte haben Eigenschaften und Methoden.


Objektzugriffsobjekte

Das Eigentum ist ein Wert mit einem Objekt zugeordnet ist.

Access-Objekt-Attribut Syntax:

objectName.propertyName

In diesem Beispiel wird die Länge Eigenschaft des String-Objekts die Länge der Zeichenfolge zu erhalten:

var message="Hello World!";
var x=message.length;

Nachdem der obige Code ausgeführt wird, wird der Wert von x:

12


Object Access Method

Das Verfahren ist ein Vorgang, der an dem Objekt durchgeführt werden kann.

Sie können die Methode mit der folgenden Syntax aufrufen:

objectName.methodName()

Dieses Beispiel verwendet die toUpperCase String-Objekt () -Methode den Text in Großbuchstaben zu konvertieren:

var message="Hello world!";
var x=message.toUpperCase();

Nachdem der obige Code ausgeführt wird, wird der Wert von x:

HELLO WORLD!


Erstellen Sie einen JavaScript-Objekt

Durch JavaScript können Sie Ihre eigenen Objekte zu definieren und zu erstellen.

Erstellen Sie ein neues Objekt auf zwei verschiedene Arten:

  • Definieren und eine Instanz eines Objekts erstellen
  • Verwenden Sie Funktionen, das Objekt zu definieren, und dann erstellen Sie eine neue Objektinstanz

Erstellen Sie eine direkte Instanz

In diesem Beispiel wird eine neue Instanz des Objekts und vier Eigenschaften hinzufügen:

Beispiele

person=new Object();
person.firstname="John";
person.lastname="Doe";
person.age=50;
person.eyecolor="blue";

Versuchen »

Alternative Syntax (mit Objektliterale):

Beispiele

person={firstname:"John",lastname:"Doe",age:50,eyecolor:"blue"};

Versuchen »


Mit dem Objektkonstruktor

Dieses Beispiel verwendet die Funktionsobjekte zu konstruieren:

Beispiele

function person(firstname,lastname,age,eyecolor)
{
this.firstname=firstname;
this.lastname=lastname;
this.age=age;
this.eyecolor=eyecolor;
}

Versuchen »

In JavaScript weist dies in der Regel auf eine Funktion, die wir selbst ausführen oder ein Objekt, das auf die Funktion verweist gehört (Laufzeit)


Erstellen Sie eine JavaScript-Objekt-Instanz

Sobald Sie das Objekt Konstruktor haben, können Sie eine neue Instanz des Objekts, wie diese zu erstellen:

var myFather=new person("John","Doe",50,"blue");
var myMother=new person("Sally","Rally",48,"green");


Die Eigenschaften der JavaScript-Objekte

Sie können ein Objekt, fügen Sie neue Attribute zu vorhandenen Objekten zuordnen:

Nehmen wir an personObj bereits vorhanden - die Sie diese neuen Attribute hinzufügen: Vorname, Nachname, Alter und eyecolor:

person.firstname="John";
person.lastname="Doe";
person.age=30;
person.eyecolor="blue";

x=person.firstname;

T in dem obigen Code ausgeführt wird, wird der Wert von x:

John


Die Methode hinzufügen Objekte in JavaScript

Das Verfahren ist einfach auf die Objektfunktion angebracht.

In dem Verfahren der Konstruktionsfunktion innerhalb der Definition eines Objekts:

function person(firstname,lastname,age,eyecolor)
{
	this.firstname=firstname;
	this.lastname=lastname;
	this.age=age;
	this.eyecolor=eyecolor;

	this.changeName=changeName;
	function changeName(name)
	{
		this.lastname=name;
	}
}

() Wert der Funktion Namen der Person zugewiesen Change Nachname Eigenschaften.

Jetzt können Sie versuchen:

myMother.changeName("Doe");

Versuchen »

JavaScript-Klassen

JavaScript ist eine objektorientierte Sprache, aber mit JavaScript-Klasse nicht.

In JavaScript wird die Klasse nicht erstellt, noch ein Objekt (wie in den anderen objektorientierten Sprachen) durch die Klasse zu erstellen.

JavaScript-basierte Prototypen, anstatt klassenbasierte.


JavaScript für ... in Schleife

JavaScript für ... in-Anweisung in einer Schleife durch die Eigenschaften des Objekts.

Grammatik

for (variable in object)
{
	执行的代码……
}

Hinweis: für ... in Schleife Code - Block wird für jede Eigenschaft einmal ausgeführt werden.

Beispiele

Schleife durch die Eigenschaften eines Objekts:

Beispiele

var person = {fname: "John", lname: "Doe", Alter: 25};

für (x in Person)
{
txt = txt + Person [x];
}

Versuchen »