Maison >interface Web >js tutoriel >Une expression de fonction JavaScript avec « nouveau » est-elle vraiment statique ?

Une expression de fonction JavaScript avec « nouveau » est-elle vraiment statique ?

Susan Sarandon
Susan Sarandonoriginal
2024-12-20 12:55:19484parcourir

Is a JavaScript Function Expression with `new` Truly Static?

Une expression de fonction Javascript utilisant un « nouveau » mot-clé est-elle vraiment statique ?

Dans le but de créer une classe de type statique en Javascript sans à l'aide d'un constructeur ou d'une instanciation, le code a été écrit comme tel :

var gameData = new function () {
    //May need this later 
    this.init = function () { };

    this.storageAvailable = function () {
        if (typeof (Storage) !== "undefined") {
            return true;
        }
        else {
            return false;
        }
    };
}

L'hypothèse est que le mot-clé 'new' empêche l'instanciation et fait en sorte que l'expression de fonction se comporte comme une classe statique. Cependant, ce n'est pas tout à fait exact.

Comprendre le concept « statique » en Javascript

En Javascript, une propriété ou une méthode statique n'est pas liée à une instance d'un classe. Il appartient à la classe elle-même, qu'une instance existe ou non. Les membres statiques sont généralement partagés par toutes les instances d'une classe.

Limitations de l'approche de l'expression de fonction

Malgré le mot-clé 'new', l'expression de fonction a toujours un constructeur propriété. Cela signifie qu'il peut être rétabli à l'aide du code suivant :

var gameData2 = new (gameData.constructor)();

Cela crée une instance distincte de l'expression de fonction, annulant ainsi le comportement statique prévu. De plus, la chaîne de prototypes contient un objet prototype inutile pour l'expression de fonction.

Alternatives à l'implémentation « statique » en Javascript

Pour obtenir un véritable comportement statique, envisagez ces alternatives :

  • Littéral d'objet : Utilisez un littéral d'objet simple pour définir des propriétés et des méthodes sans constructeur.
  • Révéler le modèle de module : Entourez le littéral d'objet dans une IIFE (expression de fonction immédiatement invoquée) pour créer des variables de portée de fermeture.
  • Classe de constructeur ' : Définir une fonction constructeur qui renvoie le même objet singleton lors de instanciation.

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!

Déclaration:
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