contexte « ceci » lors de la création d'objets

Question

Je suis en train de faire quelque chose comme ceci:

var test = { 
    a: 10, 
    b: 20, 
    c: (this.a+this.b) 
}; 

mais il ne fonctionne pas. Comment puis-je accéder au test.a depuis test.c? Est-ce possible?

Answer 1

Il n'est pas possible de référencer "this" dans une expression spécifiant un littéral d'objet. Soit le faire dans une ligne suivante ou utilisez un constructeur comme celui-ci:

function myobj(a,b) { 
    this.a = a; 
    this.b = b; 
    this.c = this.a + this.b; 
} 

var test = new myobj(10,20); 

En réponse à la méthode est plus rapide, la création avec le constructeur de l'objet est plus rapide. Voici une comparaison de cas de test simple. Run it yourself on JSBIN.

Les résultats montrent que la création d'un objet avec un constructeur vs un littéral d'objet est presque deux fois plus vite:

0.450s: testObjectLiteral

0.506s: testObjectLiteralWithFunction

0.280s: testConstructor

Voici le code de test incorporé:

// timer function 
function time(scope){ 
    time.scope = time.scope || {}; 
    if(time.scope[scope]) { 
    var duration = (new Date()).getTime()-time.scope[scope]; 
    time.scope[scope] = null; 
    var results = document.getElementById("results"); 
    results.innerHTML = results.innerHTML + '<p>'+(duration/1000).toFixed(3)+'s : '+scope+'</p>'; 
    } else { 
    time.scope[scope] = (new Date()).getTime(); 
    } 
} 

// object creation function with constructor 
function myobj(a,b) { 
    this.a = a; 
    this.b = b; 
    this.c = this.a + this.b; 
} 

function testConstructor(iterations) { 
    var objs = new Array(iterations); 
    for(i=0;i<iterations;i++) { 
    objs[i] = new myobj(i,i+1); 
    } 
    return objs; 
} 

function testObjectLiteralWithFunction(iterations) { 
    var objs = new Array(iterations); 
    for(i=0;i<iterations;i++) { 
    objs[i] = { 
     a: i, 
     b: i+1, 
     c: function() { 
     return this.a + this.b; 
     } 
    }; 
    } 
    return objs; 
} 


function testObjectLiteral(iterations) { 
    var objs = new Array(iterations); 
    for(i=0;i<iterations;i++) { 
    var item = { 
     a: i, 
     b: i+1 
    }; 
    item.c = item.a + item.b; 
    objs[i] = item; 
    } 
    return objs; 
} 

var ITERATIONS = 1000000; 
time("testObjectLiteral"); 
testObjectLiteral(ITERATIONS); 
time("testObjectLiteral"); 

time("testObjectLiteralWithFunction"); 
testObjectLiteralWithFunction(ITERATIONS); 
time("testObjectLiteralWithFunction"); 

time("testConstructor"); 
testConstructor(ITERATIONS); 
time("testConstructor"); 

Answer 2

Ce n'est pas possible dans un littéral d'objet puisque this ne peut pas faire référence à un objet qui n'a pas encore été créé. Votre meilleure option est d'attribuer la propriété c dans une étape séparée:

var test = { 
    a: 10, 
    b: 20 
}; 

test.c = test.a + test.b; 

Answer 3

Vous pouvez tout simplement pas le faire lors de la déclaration d'un objet littéral, le plus proche que vous pouvez faire est:

var test = { 
    a: 10, 
    b: 20 
}; 
test.c = test.a + test.b; 

Dans votre contexte this fait référence à tout ce contexte parent, vous êtes, pas l'objet test ... et même si elle l'a fait, vous ne pouvez pas déclarer les membres comme, par exemple, cela est également invalide:

var test = { a: 10, b: 20, test.c: test.a + test.b }; 

... car test, a et b ne sont pas encore définis, car il s'agit d'une instruction unique qui n'est pas terminée.

Answer 4

Pourquoi ne pas faire c une fonction pour qu'elle retourne toujours la valeur actuelle d'un + b?

var test = { 
    a: 5, 
    b: 1, 
    c: function() { 
     return this.a + this.b; 
    } 
}