Comprensione approfondita dell'ambito di blocco, delle variabili private e del modello modulo in JavaScript

Questo articolo introduce in dettaglio il concetto di scoping di blocco, variabili private e modello modulo in JavaScript, senza dilungarsi in inutili parole, come segue:

1. Scope bloccato (scope privato),Spesso usato al di fuori delle funzioni globali, per limitare l'aggiunta di troppi variabili e funzioni nello scope globale.

(function(count){ 
  for(var i=0;i<count;i++){ 
    console.log(i);//=>0,1,2,3,4 
  } 
  console.log(i);//=>5 
})(5); 

(function(){ 
  var now=new Date(); 
  if(now.getMonth()==0 && now.getDate()==1){ 
    console.log("Buon anno nuovo"); 
  }else{ 
    console.log("Aspettatevi con ansia"); 
  } 
})(); 

　2. Variabili private:Qualsiasi variabile definita all'interno di una funzione può essere considerata una variabile privata, perché non si può accedere a queste variabili al di fuori della funzione.

Metodi privilegiati: i metodi pubblici che hanno accesso alle variabili e alle funzioni private si chiamano metodi privilegiati.

2.1) Definire i metodi privilegiati nel costruttore:

 function Person(name){ 
  this.getName=function(){ 
    return name; 
  }; 
  this.setName=function(value){ 
    name=value; 
  }; 
} 
var person1=new Person("Jason"); 
console.log(person1.getName()); //=>
Jason 
person1.setName("gray"); 
console.log(person1.getName()); //=>
gray 
var person2=new Person("Michael"); 
console.log(person1.getName()); //=>
gray 
console.log(person2.getName()); //=>
Michael 
person2.setName('Alex'); 
console.log(person1.getName()); //=>
gray 
console.log(person2.getName()); //= Alex 

Uno dei difetti del modello costruttore è che per ogni istanza viene creato un insieme di nuovi metodi.

2.2) Variabili private statiche per implementare i metodi privilegiati

In lo scopo privato, definire prima le variabili e le funzioni private, quindi definire il costruttore e i metodi pubblici.

 (function(){ 
  //Variabili e funzioni private 
  var name=""; 
  Person=function(value){ 
    name=value; 
  }; 
  //metodi privilegiati 
  Person.prototype.getName=function(){ 
    return name; 
  }; 
  Person.prototype.setName=function(value){ 
    name=value; 
  } 
})(); 
var person1=new Person("Jason"); 
console.log(person1.getName()); //=>
Jason 
person1.setName("gray"); 
console.log(person1.getName()); //=>
gray 
var person2=new Person("Michael"); 
console.log(person1.getName()); //=>
Michael 
console.log(person2.getName()); //=>
Michael 
person2.setName('Alex'); 
console.log(person1.getName()); //= Alex 
console.log(person2.getName()); //= Alex 

3. Modello modulo:Aggiungendo variabili private e metodi privilegiati al singleton, è possibile migliorare il suo funzionamento.

Se è necessario creare un oggetto e inizializzarlo con alcuni dati, e allo stesso tempo rendere pubblici alcuni metodi che possono accedere a questi dati privati, allora si può utilizzare il modello modulo.

var application=function(){ 
  //Variabili e funzioni private 
  var components=[]; 
  //Inizializzazione 
  components.push(new BaseComponent()); 
  //Interfaccia pubblica 
  return { 
    getComponentCount:function(){ 
      return components.length; 
    }, 
    registerComponent:function(){ 
      if(typeof component=="object"){ 
        components.push(component); 
      } 
    } 
  } 
}; 

Questo è tutto il contenuto dell'articolo, spero che sia utile per il tuo studio e che tu sostenga fortemente il tutorial di urla.

Dichiarazione: il contenuto di questo articolo è stato tratto da Internet, il copyright spetta agli autori, il contenuto è stato contribuito e caricato autonomamente dagli utenti di Internet, questo sito non possiede il diritto di proprietà, non è stato elaborato manualmente e non assume alcuna responsabilità legale pertinente. Se trovi contenuti sospetti di copyright, ti preghiamo di inviare una e-mail a notice#oldtoolbag.com (sostituisci # con @) per segnalare, fornendo prove pertinenti. Una volta verificata, questo sito rimuoverà immediatamente i contenuti sospetti di copyright.