Comment créer une méthode pour un objet personnalisé en JavaScript?

Question

Est-il comme ...

var obj = new Object(); 

obj.function1 = function(){ 
    //code 
} 

ou quelque chose comme ça?

Answer 1

var newObj = { 
    met1 : function() { 
     alert('hello'); 
    } 
}; 

Ensuite, la méthode peut être appelée comme tel:

newObj.met1(); 

BTW, lors de la déclaration d'un nouvel objet, utilisez l'objet littéral ({}), et non le constructeur new Object().

Answer 2

utilisent généralement la propriété prototype:

function YourObject() 
{ 
    // 
} 

YourObject.prototype.yourMethod= function() 
{ 
    // 
} 

Une chose que je ne l'ai pas vu quelqu'un mentionner encore est la raison pour laquelle vous pouvez utiliser la propriété prototype sur, par exemple, la notation littérale objet: faire assure la La définition de la fonction est partagée entre toutes les instances des objets créés à partir de votre prototype de fonction, plutôt qu'une fois par instanciation.

Answer 3

Vous pouvez voir à partir des réponses que vous avez déjà qu'il y a plus d'une façon.

#1 
var o = new Object(); 
o.method = function(){} 

#2 
var o = new Object(); 
o.prototype.method = function(){} 

#3 
function myObject() { 
    this.method = function(){} 
} 
var o = new myObject(); 

#4 
function myObject() {} 
myObject.prototype.method = function(){} 
var o = new myObject(); 

#5 
var o = { 
    method: function(){} 
} 

# 3 et # 4 utilisent une fonction de constructeur. cela signifie que vous pouvez les utiliser pour créer un certain nombre d'objets de la même 'classe' (les classes n'existent pas vraiment en JavaScript)

# 4 est différent de # 3 parce que tous les objets construits aveC# 4 partageront un identique méthode 'method' car c'est une propriété de leur prototype. Cela économise de la mémoire (mais seulement une très petite quantité) et si vous changez la méthode du prototype, tous les objets # 4 seront immédiatement mis à jour - même s'ils ont déjà été instanciés.

# 1, # 2 et # 5 sont tous à peu près équivalents. C'est parce qu'il n'y en aura probablement jamais qu'un à la fois, donc le fait que la méthode # 2 ait ajouté la méthode au prototype n'a pas vraiment d'importance. (Ne prenant pas en compte le clonage)

Il y a encore plus de façons d'ajouter des méthodes à des objets en utilisant des usines avec la fermeture ou l'ajout de propriétés/méthodes « statiques » à des fonctions ou fonctions imbriquées privées ... :)

Answer 4

Function.prototype.implement = function(member, value) { 
    this[member] = value; 
    return this; 
} 

function MyFunction() { 
//... 
} 

(function($){ 

$.implement("a", "blabla") 
.implement("b", function(){ /* some function */ }) 
.implement("c" {a:'', b:''}); 

})(MyFunction); 

Answer 5

ne vous inquiétez pas bro, voici le code est:

var myObj=function(){ 
     var value=null 

    this.setValue=function(strValue){ 

    this.value=strValue; 
    }; 

    this.getValue=function(){ 
    return this.value; 
    };  
}; 

Vous pouvez appeler cet objet comme celui-ci:

var obj= new myObj(); 
    obj.setValue("Hi!"); 
    alert(obj.getValue()); 

Answer 6

Vous pouvez également effectuer les opérations suivantes au lieu d'utiliser la méthode "Object.create()".

appel Fonction:

com.blah.MyChildObj.prototype = createObject(com.blah.MyParentObj.prototype, 
    com.blah.MyChildObj); 

Définition de la fonction:

function createObject(theProto, theConst) { 
    function x() {}; 
    x.prototype = theProto; 
    x.prototype.constructor = theConst; 
    return new x(); 
} 

Answer 7

Avec es6 vous pouvez le faire comme ceci:

var a = { 
 
    func(){ 
 
     return 'The value'; 
 
    } 
 
} 
 
    
 
document.getElementById('out').innerHTML = a.func(); 
 

<div id="out"></div>