Chaîne de portée JS et partage d'exemples de fermeture-js tutoriel-php.cn

Le contexte d'exécution peut être compris comme l'environnement d'exécution du code actuel, qui formera une portée.

- Portée : un paragraphe - Global : définition de variable, déclaration de fonction (dans un ) - Fonction : définition de variable, déclaration de fonction, this, arguments

console.log(a);var a = a; fn('dong');function(){} Copier après la connexion Dans ce code, var a et fonction fn() sont désormais extraites et placées avant le code d'exécution

++this++

Exécuté en tant que constructeur

function Foo(name){ this.name = name; }var f = new ('dong'); Copier après la connexion Exécuté en tant que propriété d'objet

var obj = { name :'a', printName:function(){ console.log(this.name); } } obj.printName(); //a Copier après la connexion Exécuté en tant que fonction normale

function fn(){ console.log(this);//this===window} Copier après la connexion appel appliquer liaison

//callfunction fn1(name，age){ alert(name,age); console.log(this); } fn1.call({x:100},'dong',200);//弹出dong 200//打印{x:100}//call将this指向第一个参数的值//常用它来改变函数的this值//apply与call类似//bindfunction fn1(name,age){ alert(name); console.log(this); } fn.call({x:100},'dong',20);//this为{x:100}var fn2 =function (name,age){ alert(name); console.log(this); }.bind({y:200});//必须用函数表达式的方式fn2.call('dong',20); //this为{y:200} Copier après la connexion ++scope++

//无块级作用域if(true){ var name = 'dong'; } console.log(name);//函数和全局作用域var a =100; function fn(){ var a =200; console.log('fn',a); } console.log('global',a);fn(); Copier après la connexion ++Scope chain++

Une variable libre est constamment recherchée dans la portée parent, formant une structure de chaîne appelée chaîne de portée.

Fonction comme valeur de retour

Passer fonctionne comme paramètres

Expliquez plusieurs utilisations différentes de ceci

Exécuté en tant que constructeur ; exécuté en tant qu'attribut d'objet ; exécuté en tant qu'objet ordinaire ; call apply bind (voir la section ci-dessus pour le code spécifique) - Créez 10 balises

//考察作用域var i,a;for(var i = 0;i ; a.addEventListener('click',function(e){ e.preventDefault(); alert(i); //自由变量需要从父级作用域获取值 }) document.body.appendChild(a); }//这时候监听事件里的函数的自由变量，已经变为10了，所以，不管点击哪个它的序号都是10 Copier après la connexion //正确方法var i;for (i = 0;i Copier après la connexion Comprendre la portée

Variables libres ; chaîne de portée, c'est-à-dire la recherche de variables libres pour deux scénarios de fermeture ;

Application des fermetures en développement réel (application pratique du champ d'application)

//主要作用用于封装变量，收敛权限funciton isFirstLoad(){ var _list = []; return function(id){ if(_list.indexOf(id) >= 0){ return false; }else{ _list.push(id); return true; } } }//使用var firstLoad = idFirstLoad(); firstLoad(10); //truefirstLoad(10); //falsefirstLoad(20); //true//在isFirstLoad函数外面，根本不可能修改掉__ list的值 Copier après la connexion Recommandations associées :

Partage d'exemples de javascript agissant sur les chaînes de portée

Explication détaillée de javascript agissant sur les chaînes de portée

Javascript - Explication détaillée de la portée , chaîne de portée et fermeture (photo et texte)