Est-il possible de créer une propriété en JavaScript qui contient des méthodes?

Question

S'il vous plaît regarder mon JavaScript requis.

var someVariable = new SomeDataType(); 

// I can directly access value of its property. 
someVariable.someProperty = "test"; 
alert(someVariable.someProperty); // <- this command must should "test" 

// However, I have some methods in above property 

// I want to validate all rule in this property. 
someVariable.someProperty.isValid(); // <- this method will return true/false 

Est-il possible de le faire dans la version actuelle de JavaScript?

MISE À JOUR

S'il vous plaît regarder comme ma réponse!

Answer 1

Vous ne pouvez pas (et ne devriez probablement pas) traiter des objets comme ceux de JavaScript. Comme quelqu'un d'autre l'a mentionné, vous pouvez remplacer la méthode toString() pour obtenir la moitié de la fonctionnalité (la partie read), mais vous ne pouvez pas utiliser l'opérateur d'affectation sur un objet comme celui-ci sans écraser l'objet.

Vous devez choisir une approche différente, comme l'utilisation d'objets imbriqués (comme suggéré par le CMS).

Answer 2

someVariable.someProperty = [ test, anotherFunc, yetAnotherFunc]; 
someVariable.somePropertyAllValid= function() { 
    for(var prop in someVariable.someProperty) { 
     if(!prop()) return false; 
    } 
    return true; 
}; 

someVariable.somePropertyAllValid(); 

Answer 3

Oui, vous pouvez assigner des fonctions Javascript comme des propriétés comme ceci:

someVariable.someProperty = function (arg1, arg2) { 
    // function code goes here 
}; 

Ceci est la méthode à l'aide littéraux de fonction.

Une autre méthode consiste à utiliser des instances de fonction comme ceci:

someVariable.someProperty = new Function (arg1, arg2, code); 

Notez que dans la deuxième méthode, le code va dans comme le dernier paramètre et le mot-clé de fonction a un « F » majuscule contre la méthode 1 où le «f» est petit. De plus, créer une instance de fonction à l'intérieur d'une boucle, etc., créera une nouvelle instance entière à assigner qui est inefficace en mémoire. Ce problème ne se pose pas lors de l'utilisation de la méthode littérale de la fonction.

Answer 4

Je viens de trouver la réponse. C'est très simple & propre.

function createProperty(value, defaultValue, ruleCollection) 
{ 
    this.value = value; 
    this.defaultValue = defaultValue; 
    this.ruleCollection = ruleCollection;  
} 

createProperty.prototype.toString = function() 
{ 
    return this.value; 
}; 

var someVariable = 
{ 
    someProperty: new createProperty 
    (
     'currentValue', 
     'defaultValue', 
     null 
    ) 
}; 

Pour les tests, vous pouvez utiliser quelque chose comme mon code suivant.

var test = ">>" + someVariable.someProperty + "<<"; 

// this alert must shows ">> currentValue <<" 
alert(test); 


someVariable = 
{ 
    someProperty: new createProperty 
    (
     7, 
     5, 
     null 
    ) 
}; 

test = someVariable.someProperty + 3; 

// This alert must shows "10" 
alert(test); 

Je viens de tester sur FF 3.5 & IE 8. Il fonctionne très bien!

Mise à jour

Oops! Je l'oublie. Parce que cette technique renvoie une référence d'objet pour cette propriété. Il est donc impossible de définir directement les données de propriété. Ce n'est pas ma réponse finale.

Answer 5

Il est possible, mais avec le changement ci-dessous dans votre code

function SomeDataType(){ 
    var localProperty=""; 
    this.someProperty = function(txt){ 
     if (arguments.length==0) 
      return localProperty; 
     else 
      localProperty=txt; 
    }  
    this.someProperty.isValid = function(){ 
     return (localProperty!="") ? true : false; 

    }; 
} 

au lieu de définir someProperty comme une propriété, définir ce que la fonction qui fixe la valeur à la propriété locale si une valeur est passée ou il ll revenir cette valeur de propriété si aucun argument n'est donné.

var someVariable = new SomeDataType(); 
someVariable.someProperty("test"); 
alert(someVariable.someProperty()); 

var isValid = someVariable.someProperty.isValid(); 

C'est ainsi que vous devez accéder à l'objet SomeDataType.

Answer 6

Ce serait peut-être utile:

var SomeVar = { 
    someProperty : { 
    value : 7, 
    add : function (val) { 
     this.value += parseInt(val, 10); 
     return this; 
    }, 
    toString : function() { 
     return this.value; 
    } 
    } 
} 

alert(SomeVar.someProperty.add(3));