Yan Shiba Javascript partage de matériel vidéo avancé

JavaScript est un langage de script littéral. Il s'agit d'un langage basé sur un prototype à typage dynamique, faiblement typé, avec prise en charge intégrée des types. Son interpréteur s'appelle le moteur JavaScript, qui fait partie du navigateur et est largement utilisé dans les langages de script côté client. Il a été utilisé pour la première fois sur les pages Web HTML (une application sous Standard Universal Markup Language) pour ajouter des fonctions dynamiques aux pages Web HTML. .

JavaScript est le langage de script le plus populaire sur Internet, présent dans tous les navigateurs Web du monde, et améliore l'interaction des utilisateurs avec les sites Web et les applications Web. "Yan Shiba Javascript Advanced Tutorial" est un tutoriel avancé pour l'apprentissage de JavaScript, expliquant à ses amis comment élargir l'apprentissage du langage JavaScript pour l'adapter à des besoins particuliers.

Adresse de lecture vidéo : http://www.php.cn/course/214.html

Ce cours nécessite une étude Pour l'utilisation de this, il est très important de comprendre la signification de this,

1 this et constructeur

this lui-même est ce qui doit être utilisé dans le constructeur lors de la définition de la classe, ensemble. avec le constructeur On ne peut plus naturel.

/**
 * 页签
 *
 * @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() {
};

Selon la convention JavaScript, cela doit être attaché aux attributs/champs, et les méthodes doivent être placées sur le prototype.

2. ceci et les objets

Les objets en JS peuvent être créés sans classes. Certaines personnes peuvent être surprises que les classes soient des modèles d'objets et que les objets soient copiés à partir de modèles. ? Créer un objet ? JS le fait, et vous pouvez écrire des dizaines de milliers de lignes de code fonctionnel sans écrire une seule classe. À propos, la POO parle de programmation orientée objet, pas de programmation orientée classe, n'est-ce pas ^_^.

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

3. this et fonctions

Tout d'abord, cela n'a aucun sens de mettre this et des fonctions indépendantes ensemble. Comme mentionné précédemment, cela devrait être lié à l'orientation objet. Une fonction pure n'est qu'une abstraction, une encapsulation et une réutilisation de bas niveau. Définissez showMsg comme suit

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

puis appelez-le comme une fonction this.message n'est pas définie. Par conséquent, évitez résolument de l'utiliser dans des fonctions pures, mais parfois cela est écrit comme ceci. La méthode appelante utilise call/apply

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

. Cette méthode peut enregistrer du code, par exemple, lorsqu'il y a deux classes/objets. en avoir une Lorsque vous avez des méthodes similaires, vous n'avez pas besoin d'écrire deux copies. Il vous suffit d'en définir une, puis de la lier au prototype et à l'objet respectifs. À l’heure actuelle, vous utilisez encore des objets ou des classes (méthode 1/2), simplement indirectement.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!