Comment modifier des variables en dehors de la portée dans les astuces JavaScript_javascript

1. J'ai fait les exercices parascolaires en lisant le guide d'étude JavaScript aujourd'hui, et j'ai donc mené une étude détaillée et approfondie des paramètres transmis dans la fonction.

Le sujet est le suivant :

Comment une fonction peut-elle modifier des variables en dehors de sa portée ? Écrire une fonction qui prend un tableau de nombres de 1 à 5 comme paramètre. Après avoir appelé la fonction, les éléments numériques seront remplacés par la représentation sous forme de chaîne correspondante.

Besoin de prêter attention aux points de connaissances :

Dans le transfert de paramètres de fonction en JavaScript, pour le transfert de valeurs de paramètres basés sur des valeurs originales (nombres, chaînes, valeurs booléennes), les modifications dans la fonction n'affecteront pas les valeurs réelles des paramètres. Quant aux paramètres passés à. la fonction, L'objet est une référence et ses modifications seront reflétées dans le programme appelant.<-Cependant, il y aura des situations comme suit

var outer_number = ;
var outer_boolean = true;
var outer_array = [,,];
var outer_object = {test:""};
function display(num,bool,arr,obj){
console.log("number:"+num+"\nboolean:"+bool+"\narray:"+arr+"\nobject:"+obj.test);
}
function test(num,bool,arr,obj){
display(num,bool,arr,obj);//num=,bool=true,array=[,,],object.test=
num = ;
bool = false;
arr[] = ;
obj.test = "";
display(num,bool,arr,obj);//num=,bool=false,array=[,,,],object.test=
arr = [,,];
obj = {test:""};
display(num,bool,arr,obj);//num=,bool=false,array=[,,],object.test=
}
test(outer_number,outer_boolean,outer_array,outer_object);
display(outer_number,outer_boolean,outer_array,outer_object);//num = ,bool=true,array=[,,,],object.test= 

Dans le code ci-dessus, nous avons créé 4 variables globales, les types sont des nombres, des valeurs booléennes, des tableaux, des objets 2, un affichage et un test.

l'affichage a été exécuté 4 fois, et les résultats sont les suivants :

"numéro :2

booléen : vrai
tableau : 1,2,3
object:122"<-La valeur une fois transmise à la fonction

"numéro :0

booléen : faux
tableau : 1,2,3,3
object:134"<-Effectuer les modifications

"numéro :0

booléen : faux
tableau : 3,2,1
objet:133"<-Réaffecter

"numéro :2

booléen : vrai
tableau : 1,2,3,3
object:134"<-Après l'exécution de la fonction

On peut voir que notre réaffectation des tableaux et des objets n'a pas réussi. Si elle est passée par référence, alors nous devrions également réaffecter et modifier les tableaux et les objets des variables globales.

En fait, ce qu'on appelle l'affectation par référence en JavaScript n'est pas une copie par référence au vrai sens du terme, elle doit être transmise par partage. Elle peut également être appelée passage par objet ou appel par partage.

Dans cette condition de passage par partage, la référence que nous obtenons peut être considérée comme n'étant qu'une copie de la référence réelle du paramètre. La plus grande différence entre celle-ci et le passage par référence que nous disons souvent est que notre affectation à la copie de référence. n'affectera pas le paramètre réel. La valeur du paramètre, comme nous l'avons fait ci-dessus, l'opération d'affectation n'est pas réalisable.

Bien sûr, nous examinons à la fois les types d'objets et les types de base. Les objets sont mutables et les types de base sont immuables (remarque ! La modification de chaîne est en fait une nouvelle chaîne renvoyée), donc le passage par partage concerne les types de base. avec livraison en partage.

Pour résumer :

En JavaScript, les types de base et les objets sont appelés par partage. Cependant, en raison de l'immuabilité des types de base de JavaScript, il n'y a aucune différence entre transmettre des types de base par partage et transmettre par valeur, tandis que les objets sont transmis par partage.

Appel par partage : ce qui est transmis est une copie de la référence réelle du paramètre. Notre affectation à la copie de référence n'affecte pas la valeur du paramètre réel, mais la copie de référence peut être utilisée pour modifier le contenu détaillé du wiki référencé. adresse

Paramètres de fonction transmis dans :

1. Types de base, passés par valeur (ou passés par partage), les modifications d'affectation internes n'affecteront pas le programme appelant

2. Le type d'objet est transmis par partage. Ce qui est transmis est une copie de la référence de paramètre réelle. L'affectation interne à la référence n'est pas valide et la modification d'affectation à l'attribut d'objet est valide.

C'est probablement ainsi que je comprends les choses. Si je fais des erreurs quelque part, j'espère qu'elles pourront être signalées.

Sortez la portée JavaScript séparément ci-dessous
Tout langage de programmation a le concept de portée. En termes simples, la portée est la plage accessible de variables et de fonctions, c'est-à-dire que la portée contrôle la visibilité et le cycle de vie des variables et des fonctions. En JavaScript, il existe deux types de portée de variable : la portée globale et la portée locale.

　

Portée mondiale
Les objets accessibles n'importe où dans le code ont une portée globale. De manière générale, les situations suivantes ont une portée globale :

(1) La fonction la plus externe et les variables définies en dehors de la fonction la plus externe ont une portée globale, par exemple :

var authorName="山边小溪";
function doSomething(){
var blogName="梦想天空";
function innerSay(){
alert(blogName);
}
innerSay();
}
alert(authorName); //山边小溪
alert(blogName); //脚本错误
doSomething(); //梦想天空
innerSay() //脚本错误

(2) Toutes les variables non définies et directement affectées sont automatiquement déclarées comme ayant une portée globale, par exemple :

　　变量blogName拥有全局作用域，而authorName在函数外部无法访问到。

　　（3）所有window对象的属性拥有全局作用域

　　一般情况下，window对象的内置属性都拥有全局作用域，例如window.name、window.location、window.top等等。

　　1. 局部作用域（Local Scope）　　

　　和全局作用域相反，局部作用域一般只在固定的代码片段内可访问到，最常见的例如函数内部，所有在一些地方也会看到有人把这种作用域称为函数作用域，例如下列代码中的blogName和函数innerSay都只拥有局部作用域。

function doSomething(){
var blogName="梦想天空";
function innerSay(){
alert(blogName);
}
innerSay();
}
alert(blogName); //脚本错误
innerSay(); //脚本错误