A propos de nouveauté, commençons par un BUG

Préface

Aujourd'hui dans un groupe front-end, j'ai vu quelqu'un poster une question :

var o = new Object();function foo(obj){
    var obj = o;
    obj.name = '123';
    obj = new Object();
    obj.name = '456';
}
foo(o);
console.log(o.name)

Comme indiqué dans le code ci-dessus, if Est-il possible d'afficher « 456 » lorsque des conditions et des données sont modifiées ?

Il n’a pas fallu longtemps pour que les membres du groupe commencent à tirer des conclusions qu’ils ne seraient pas en mesure de tirer dans des circonstances normales.

Est-ce la raison ? Quiconque sait un peu comment utiliser les types de référence sait que new Object() modifie le pointeur d'obj et ne peut jamais obtenir 456.

---

Voici le problème

Il est impossible de sortir 456 dans des circonstances normales, donc dans quelles conditions d'erreur peut <🎜 être sortie ? Qu'en est-il de >456 ? Après tout, les programmeurs sont doués pour écrire des bogues. Ils devraient être capables de provoquer des situations anormales.

Ensuite, mon moi handicapé a soudainement pensé au proxy que je viens d'apprendre il y a deux jours. Nous avons maintenant un problème lors de l'attribution de valeurs, alors pouvons-nous résoudre le problème à partir des métadonnées ? Essayez-le :

//demo_01var o = new Object();
o = new Proxy(o,{    
    set(target, key, value,receiver){        
    if(Object.is('name',key))            
    return Reflect.set(target, key, `456`,receiver);        
    return Reflect.set(target, key, value , receiver);
    }
})function foo(obj){
    var obj = o;
    obj.name = '123';
    obj = new Object();
    obj.name = '456';
}
foo(o);
console.log(o.name)

parfait, sortie avec succès

456.

Quoi ? Vous ne savez pas ce qu'est un proxy ? Cliquez ici –> ES6 Interceptor, Proxy

Alors, c'est le moment de montrer les résultats en les envoyant au groupe. Regardons d'abord l'historique du chat. Héhé, quelqu'un a déjà donné une réponse plus rapide que moi. D'accord, jetons d'abord un coup d'œil aux réponses des autres :

//demo_02var o = new Object();Object.defineProperty(o,'name',{
    set(val){        this.value = '456';
    },
    get(){        return this.value;
    }
})function foo(obj){
    var obj = o;
    obj.name = '123';
    obj = new Object();
    obj.name = '456';
}
foo(o);
console.log(o.name)

Jeune homme génial, j'ai pensé y aller ensemble, ils travaillent tous sur les getters et les setters, et ils traitent tous des données au niveau méta .

Ce camarade de classe a posté un article en même temps, disant qu'il s'est inspiré d'ici. Cliquez ici et profitez-en ensemble C'est en effet très bien écrit –> Je publierai également ma réponse, juste pour participer à la fête. Attendez, certaines personnes ont exprimé leur mécontentement et ont dit qu'il était opportuniste. Le code demo_02 est complètement équivalent au code demo_03 :

Lorsque la dernière ligne de code "obj.name = '456';" dans la méthode demo_02 est modifiée, "this.value =" dans le code demo_02 '456';" doit également être modifié en conséquence.

//demo_03var o = new Object();function foo(obj){
    var obj = o;
    obj.name = '123';
    obj = new Object();
    obj.name = '456';
}
foo(o);
o.name = '456';
console.log(o.name);

C'est logique. Nous profitons effectivement de la situation. La demo_01 que j'ai écrite a le même problème. Heureusement, je n'ai pas appuyé sur la touche Entrée, sinon j'aurais été gêné.

Alors, y a-t-il un moyen de résoudre ce problème et d'obtenir un résultat réel

456

Que fait le nouvel opérateur ?

---

Quel est notre problème maintenant ? Le problème est que c'est sur new Object(), qui modifie le pointeur this de obj. Y a-t-il donc un moyen pour nous d'éviter cela ?

Quoi ? Si vous me demandez pourquoi ce pointeur a changé, je peux seulement dire qu'il faut vraiment bien apprendre le JS. Jetez un œil à cet article. Le style d'écriture de l'auteur est si intéressant. En partant d'un soldat, qu'a fait New ? >

Je me souviens qu'il existe une méthode de construction dans le gestionnaire Proxy. Si je peux la modifier, this dans le constructeur Object. L’idée était bonne, mais elle a échoué et n’a pas abouti. Si quelqu'un peut continuer avec cette idée, merci de me faire savoir la réponse>_<

En regardant l'historique des discussions, le camarade de classe a donné une autre solution :

Cette fois, ce camarade de classe a d'abord réécrit l'objet Objet. et laissez-le renvoyer l'objet o. Cela a évité le changement de ce pointeur. Il est tellement talentueux et je l'admire. Collectez silencieusement<_<

var o = new Object();var _Object = Object;Object = function(){
    return o;
}function foo(obj){
    var obj = o;
    obj.name = '123';
    obj = new Object();
    obj.name = '456';
}

foo(o);
console.log(o.name)Object = _Object;

Travaillez dur, il y aura toujours quelqu'un qui pourra vous apprendre quelque chose

---

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!