Yan Shiba Erweitertes Teilen von Videomaterial mit Javascript

JavaScript ist eine wörtliche Skriptsprache. Es handelt sich um eine dynamisch typisierte, schwach typisierte, prototypbasierte Sprache mit integrierter Unterstützung für Typen. Sein Interpreter heißt JavaScript-Engine, ist Teil des Browsers und wird häufig in clientseitigen Skriptsprachen verwendet. Er wurde erstmals auf HTML-Webseiten (einer Anwendung unter Standard Universal Markup Language) verwendet, um HTML-Webseiten dynamische Funktionen hinzuzufügen . .

JavaScript ist die beliebteste Skriptsprache im Internet, in allen Webbrowsern auf der ganzen Welt vorhanden und verbessert die Benutzerinteraktion mit Websites und Webanwendungen. „Yan Shiba Javascript Advanced Tutorial“ ist ein fortgeschrittenes Tutorial zum Erlernen von JavaScript, das Freunden zeigt, wie sie das Erlernen der JavaScript-Sprache erweitern und an spezielle Bedürfnisse anpassen können.

Adresse für die Videowiedergabe: http://www.php.cn/course/214.html

Dieser Kurs erfordert Studium Bei der Verwendung ist es sehr wichtig, die Bedeutung von this zu verstehen.

1 this und Konstruktor

this selbst müssen im Konstruktor zusammen verwendet werden, wenn die Klasse definiert wird mit dem Konstruktor Natürlicher geht es nicht.

/**
 * 页签
 *
 * @class Tab
 * @param nav {string} 页签标题的class
 * @param content {string} 页面内容的class
 *
 */
function Tab(nav, content) {
  this.nav = nav
  this.content = content
}
  
Tab.prototype.getNav = function() {
  return this.nav;
};
Tab.prototype.setNav = function(nav) {
  this.nav = nav;
};
Tab.prototype.add = function() {
};

Gemäß der JavaScript-Konvention sollte dies an Attribute/Felder angehängt werden und Methoden sollten auf dem Prototyp platziert werden.

2. Dies und Objekte

Objekte in JS können ohne Klassen erstellt werden. Einige Leute werden überrascht sein, dass Klassen Vorlagen von Objekten sind und Objekte aus Vorlagen kopiert werden ? Objekt erstellen? JS tut dies, und Sie können Zehntausende Zeilen funktionalen Codes schreiben, ohne eine einzige Klasse zu schreiben. Übrigens spricht OOP von objektorientierter Programmierung, nicht von klassenorientierter Programmierung, richtig ^_^.

var tab = {
  nav: '',
  content: '',
  getNav: function() {
    return this.nav;
  },
  setNav: function(n) {
    this.nav = n;
  }
}

3. Dies und Funktionen

Erstens macht es keinen Sinn, dies und unabhängige Funktionen zusammenzufassen. Wie bereits erwähnt, sollte dies objektorientiert sein. Eine reine Funktion ist lediglich eine Abstraktion, Kapselung und Wiederverwendung auf niedriger Ebene. Definieren Sie showMsg wie folgt:

function showMsg() {
  alert(this.message)
}
showMsg() // undefined

und rufen Sie es dann als Funktion auf: this.message ist undefiniert. Vermeiden Sie daher unbedingt die Verwendung in reinen Funktionen, aber manchmal wird es so geschrieben: Die aufrufende Methode verwendet call/apply

function showMsg() {
  alert(this.message)
}
  
var m1 = {
  message: '输入的电话号码不正确'
}
var m2 = {
  message: '输入的身份证号不正确'
}
  
showMsg.call(m1) // '输入的电话号码不正确'
showMsg.call(m2) // '输入的身份证号不正确'

Diese Methode kann beispielsweise bei zwei Klassen/Objekten Code einsparen Wenn Sie über ähnliche Methoden verfügen, müssen Sie nicht zwei Kopien schreiben. Sie müssen nur eine definieren und diese dann an den jeweiligen Prototyp und das entsprechende Objekt binden. Zu diesem Zeitpunkt verwenden Sie tatsächlich noch Objekte oder Klassen (Methode 1/2), nur indirekt.

Das obige ist der detaillierte Inhalt vonYan Shiba Erweitertes Teilen von Videomaterial mit Javascript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!