qu'est-ce qui lie javascript

WBOY
Libérer: 2023-05-09 09:13:37
original
671 Les gens l'ont consulté

JavaScript Binding fait référence au processus d'association d'objets JavaScript à un environnement d'exécution. Au moment de l'exécution, le moteur JavaScript associe les noms de variables et de fonctions aux valeurs ou corps de fonction correspondants.

Les liaisons JavaScript nous permettent de référencer différents objets dans notre code et de les associer à différents environnements d'exécution. Cela rend le modèle de programmation JavaScript plus modulaire et flexible, plutôt qu'orienté vers le monde.

La reliure peut être divisée en deux types : la reliure dynamique et la reliure statique.

La liaison dynamique signifie que la liaison se produit au moment de l'exécution. Cela signifie que les valeurs des variables et des corps de fonction sont déterminées pendant l'exécution du code. Par exemple :

function dynamicBinding() {
  var myVar = 'Hello, world!';
  console.log(myVar); // 输出 'Hello, world!'
}
Copier après la connexion

Dans cet exemple, la valeur de la variable myVar est déterminée pendant l'exécution de la fonction. myVar 变量的值是在函数运行时被确定的。

静态绑定是指绑定发生在编译时。这意味着变量的值和函数体在代码编写时被确定。例如:

var myVar = 'Hello, world!';

function staticBinding() {
  console.log(myVar); // 输出 'Hello, world!'
}
Copier après la connexion

在这个例子中,myVar 变量的值是在代码编写时被确定的。

JavaScript 的绑定也可以分为多种类型:全局绑定、函数绑定、对象绑定和词法绑定。

全局绑定是指变量和函数被添加到全局对象中。在浏览器中,全局对象是 window 对象。例如:

var myGlobalVar = 'Hello, world!';

function myGlobalFunction() {
  console.log('Hello, world!');
}
Copier après la connexion

在这个例子中,myGlobalVarmyGlobalFunction 都是全局变量和函数。它们可以在代码的任何地方访问到。

函数绑定是指变量和函数被绑定到函数中。这使得变量和函数只能在函数内部访问。例如:

function myFunction() {
  var myVar = 'Hello, world!';
  
  function myInnerFunction() {
    console.log(myVar); // 输出 'Hello, world!'
  }
  
  myInnerFunction();
}
Copier après la connexion

在这个例子中,myVar 变量和 myInnerFunction 函数只能在 myFunction 函数内部访问。

对象绑定是指变量和函数被绑定到对象中。这使得变量和函数只能通过对象来访问。例如:

var myObj = {
  myVar: 'Hello, world!',
  
  myFunction: function() {
    console.log(this.myVar); // 输出 'Hello, world!'
  }
};

myObj.myFunction();
Copier après la connexion

在这个例子中,myVar 变量和 myFunction 函数只能通过 myObj 对象来访问。

词法绑定是指变量和函数被绑定到其定义所在的作用域中。这使得变量和函数只能在定义所在的作用域内访问。例如:

function outerFunction() {
  var myVar = 'Hello, world!';
  
  function innerFunction() {
    console.log(myVar); // 输出 'Hello, world!'
  }
  
  innerFunction();
}

outerFunction();
Copier après la connexion

在这个例子中,myVar 变量只能在 outerFunction 函数中访问,而 innerFunction 函数可以访问它,因为它是在 outerFunction

La liaison statique signifie que la liaison se produit au moment de la compilation. Cela signifie que les valeurs des variables et des corps de fonction sont déterminées lors de l'écriture du code. Par exemple :

rrreee

Dans cet exemple, la valeur de la variable myVar est déterminée lors de l'écriture du code. 🎜🎜La liaison JavaScript peut également être divisée en plusieurs types : liaison globale, liaison de fonction, liaison d'objet et liaison lexicale. 🎜🎜La liaison globale signifie que des variables et des fonctions sont ajoutées à l'objet global. Dans les navigateurs, l'objet global est l'objet window. Par exemple : 🎜rrreee🎜Dans cet exemple, myGlobalVar et myGlobalFunction sont à la fois des variables et des fonctions globales. Ils sont accessibles depuis n’importe où dans le code. 🎜🎜La liaison de fonction signifie que les variables et les fonctions sont liées à des fonctions. Cela rend les variables et les fonctions accessibles uniquement à l'intérieur de la fonction. Par exemple : 🎜rrreee🎜Dans cet exemple, la variable myVar et la fonction myInnerFunction ne sont accessibles qu'à l'intérieur de la fonction myFunction. 🎜🎜La liaison d'objet signifie que les variables et les fonctions sont liées à des objets. Cela rend les variables et les fonctions accessibles uniquement via des objets. Par exemple : 🎜rrreee🎜Dans cet exemple, la variable myVar et la fonction myFunction ne sont accessibles que via l'objet myObj. 🎜🎜 La liaison lexicale signifie que les variables et les fonctions sont liées au champ d'application dans lequel elles sont définies. Cela permet d'accéder aux variables et aux fonctions uniquement dans le cadre dans lequel elles sont définies. Par exemple : 🎜rrreee🎜Dans cet exemple, la variable myVar n'est accessible que dans la fonction outerFunction, tandis que la fonction innerFunction peut y accéder car il est défini dans outerFunction. 🎜🎜Dans l'ensemble, les liaisons JavaScript nous permettent de créer un code plus modulaire et flexible. Comprendre les différents types de liaisons ainsi que leurs avantages et inconvénients peut nous aider à mieux comprendre et appliquer JavaScript. 🎜

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!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal