Startseite>Webdesign-Tutorial>WEB-Standardisierung

Diskussion über JavaScript -Objekte

Autor：Eve Cole Aktualisierungszeit：2025-02-10 11:50:24

Aufgrund der Flexibilität von JavaScript kann jeder Code nach seinen eigenen Gewohnheiten schreiben. Allmählich begonnen.

1. Objekt wörtlich:

Das Folgende ist der zitierte Inhalt:

var person = {
Name: null,
setName: function (name) {
this.name = name;
kehre diesen namennamen zurück;
},
GetName: function () {
alarm (this.name);
}
}

Eine Programmiermethode mit JavaScript -Funktionen enthält Attributname, Methode SetName und GetName in der Klasseneinheit. Es ist nicht privat und kann aufgerufen werden.

2. Prototypenkonstruktor -Anrufmodus

Das Folgende ist der zitierte Inhalt:

var person = function () {
this.name = null;
}
Person.Prototype.setname = Funktion (Name) {
this.name = name;
}
Person.Prototype.getName = function () {
alarm (this.name);
}


Es ist auch eine sehr häufige Programmiermethode. Klasse). Der Fehler kommt von diesem Hinweis auf Person.Prototyp, und die Person hat keine SetName -Methode.

3.. Verwenden Sie anonyme Funktionen, um Funktionen zu programmieren

Das Folgende ist der zitierte Inhalt:

(Funktion(){
var name;

var setName = function (n) {
Name = n;
}
Fenster ['Person'] ['setName'] = setName;

var getName = function () {
alarm (Name);
}
Fenster ['Person'] ['getName'] = getName;
}) ())

Einer der größten Vorteile der Entstehung von Klassen ist, dass er die Entstehung globaler Variablen verringert. Wenn Sie jedoch immer noch an funktionale Programme gewöhnt sind, spielt es keine Rolle. Funktionieren Sie im Inneren, und es besteht keine Notwendigkeit, sich um die Entstehung globaler Variablen zu kümmern. und private Methoden.

4.. Klassische Programmierung (Ich weiß nicht, welcher Name es heißt)

Das Folgende ist der zitierte Inhalt:

var person = function () {
var name = null;
zurückkehren{
setName: function (n) {
Name = n;
},
GetName: function () {
alarm (Name);
}
}
}

Es ist sehr ähnlich wie bei den Objektliteralen, aber der Unterschied besteht darin, dass es beiseite ist und private Methoden und Attribute im Grunde genommen die gleichen wie die Objektliterale sind.

5. Methodenkette

Das Folgende ist der zitierte Inhalt:

var person = function () {
this.name = null;
}
Person.Prototype = {
setName: function (name) {
this.name = name;
gib dies zurück;
},
GetName: function () {
alarm (this.name);
gib dies zurück;
}
}

JQuery ist die klassische Methode -Link -Bibliothek.

Das Folgende ist der zitierte Inhalt:

var p = neue Person ();
P.SetName ('Tom'). getName (). setName ('ray'). getName ();


Da das Ende jeder Methode zurückgegeben wird;

Ich bin mit diesen Methoden besser vertraut.

1. Über diesen Zeiger

Dies wird beim Erstellen verschiedener Typen verwendet, aber was ist diese Funktion?
Erstellen Sie zuerst die Personklasse:

Das Folgende ist der zitierte Inhalt:

var person = function () {
this.name = null;
}
Person.Prototype.setname = Funktion (Name) {
this.name = name;
}
Person.Prototype.getName = function () {
alarm (this.name);
}
Person.Prototype.getage = function () {
var age = this.age || '';
Alarm (Alter);
}

Erstellen Sie dann eine Kinderklasse und integrieren Sie alle Methoden und Eigenschaften der Person:

Das Folgende ist der zitierte Inhalt:

var Kinder = Funktion (Alter) {
this.name = null;
this.age = Alter;
}
Kinder.Prototype = neue Person ();
Kinder.Prototype.ageJudge = function () {// Fügen Sie eine neue Methode für Kinder hinzu
if (this.age> 18) {
ALERT ('Erwachsener ~');
} anders {
Alarm ('Ich bin unter 18 Jahren ~');
}
}
Kinder.Prototype.getname = function () {// Schreiben Sie die GetName -Methode neu um
var über = this.name + '' + this.age;
Alarm (über);
}
var tom = neue Kinder (12);
var ages = tom.getage ();
var richter = tom.agejudge ();
var setn = tom.setName ('tom');
var get = tom.getName ();

Dies ist die Vererbung, und dann schauen wir uns eine einfache Funktion wieder an:

Das Folgende ist der zitierte Inhalt:

var setColor = function () {
this.style.backgroundcolor = '#000';
}
document.body.onclick = setcolor;
documentNet.getElementById ('color'). onmouseout = setColor;

Nachdem ich die Funktion davon gesehen habe, muss ich ein neues Verständnis dafür haben.

var setColor = {
init: function (obj) {
this.obj = obj;
this.obj.onclick = this.color;
},
Farbe: function () {
this.style.backgroundcolor = '#000';
}
}

Nur in einer Klasse verweist dies auf zwei Orte, und manchmal fühlen sich die Menschen immer verwirrt.

Das Folgende ist der zitierte Inhalt:

var setColor = {
init: function (obj) {
setColor.obj = obj;
setColor.obj.onclick = setColor.color;
},
Farbe: function () {
this.style.backgroundcolor = '#000'; // Dies kann die Wiederverwendung von Methoden erleichtern
}
}

Auf diese Weise kann der Code klarer sein. so viel wie möglich vermieden.

Das Folgende ist der zitierte Inhalt:

var person = function () {
this.name = null;
}
Person.Prototype.setname = Funktion (Name) {
this.name = name;
}
Person.SetName ('Tom');

Wie bereits erwähnt, schreiben Sie es nicht als var p = neue Person; Es wird einen Fehler melden.

2. Klassenverkapselung

In Java können die Methoden oder Eigenschaften der Klasse auf privat eingestellt werden, damit externe Anrufe vermieden werden können.

Das Folgende ist der zitierte Inhalt:

var person = {
Name: null,
init: function (name) {
this.setName (name);
},
setName: function (name) {
this.name = name;
kehre diesen namennamen zurück;
}
}
Person.init ('Tom');

In dieser Klasse gibt es 2 Methoden, nämlich Init und SetName.

Person.SetName ('Tom');

Rufen Sie die SetName -Methode direkt an.
Wie sollten wir die Klasse verpacken?

Das Folgende ist der zitierte Inhalt:

var person = function () {
var name = null;
var setName = function (n) {
Name = n;
Rückgabename;
}
zurückkehren{
init: function (n) {
setName (n);
}
}
}

Auf diese Weise können wir sagen, dass die Methoden und Attribute, die ursprünglich privatisiert werden sollen, privatisiert werden, und das externe können nicht direkt aufgerufen werden. Nicht einfach zu lesen, besonders für Anfänger.
Okay, lass uns alle für den nächsten Mal Zeit haben, über Schließungen und Bereiche zu sprechen.

Ähnliche Artikel