J'ai cet exemple de code:

var foo = {

    self: this,

    init: function(){

        self.doStuff();
    },

    doStuff: function(){
        alert('doing stuff');   
    }

}

foo.init();

Pourquoi la référence "soi" ne fonctionne pas?

Merci!

7
mauriblint 2 déc. 2011 à 00:23

4 réponses

Meilleure réponse

Pour donner suite à la réponse de Qeuntin, vous utiliseriez ce qui suit pour obtenir ce que vous recherchez

var foo = {

    self: false,

    init: function(){
        self = this
        self.doStuff();
    },

    doStuff: function(){
        alert('doing stuff');   
    },
}

EDIT: Comme il a été souligné que si cela résout le problème d'OP (c'est-à-dire que cela fonctionne), ce n'est pas exactement comment vous devez vous y prendre. Voici donc une référence de portée.

function A()
{
    //Semi-private / hidden var
    var pVar = "I'm a private, err hidden, variable",
        //fn (technically a var)
        pFn = function(){},
        //empty var, placholder for hidden fn
        privatePlaceholderFn;

    //Instance-time... public fn
   this.instancePublicFn = function()
    {
        console.log("--- instace public ---");
        //Print hidden var to cosole
        console.log(pVar);
        //Call hidden fn
        instancePrivateFn();
        console.log("--->Setting  private from instance public")
        //Set the hidden fn
        setPrivate();
        console.log("--- / instance public ---");
    }
    //Pass fn to private method.
    this.setPrivFromOutside = function(fn)
    {
        setPrivateFromPrivateYetOutside(fn);
    }

    //Set the hidden fn
    this.iPFnPlaceholderSetter = function(fn)
    {
        privatePlaceholderFn = fn;
    }

    //Call the semi-private / hidden fn
    this.callPrivate = function()
    {
       privatePlaceholderFn();
    }
    //A misnomer, proves the scope exists. See "function setPrivate()"
    this.setPrivateFromInstance = function()
    {
        //Prove scope exists
        console.log(privatePlaceholderFn);
        console.log("Private From instance - gets inside scope");

    }
    //Set hidden fn from private method
    function setPrivate()
    {
        privatePlaceholderFn = function()
        {
            //Show scope exists
            console.log(pVar);
        }
    }
    //Set the hidden fn from hidden method
    function setPrivateFromPrivateYetOutside(fn)
    {
        //fn's scope won't resolve to inside
        privatePlaceholderFn = fn;
    }
    //Private / hidden messager
    function instancePrivateFn()
    {
        //Just loggin' something
        console.log("Instance Private method");
    }
}
//Add an object method to the prototype
A.prototype.protoPuFn = function(){
    console.log("---> Private var from object literal method");
    //console.log(pVar)
}

//...
a = new A();

//Add object literal fn
a.objFn = function()
{
    console.log("Object literal defined public fn - Gets outside scope");
    //console.log(pVar);
}
//Set private / hidden placeholder fn
a.iPFnPlaceholderSetter(function()
{
    console.log("Hidden fn, passed through instance public - gets outside scope");
    //console.log(pVar);
});
//Attempt to read hidden var
console.log(a.pVar);
//Call object literal defined fn
a.objFn();
//Call the hidden fn
a.callPrivate();
//Call prototype added fn
a.protoPuFn();
//Call instance added public fn
a.instancePublicFn();
//Call private / hidden method (set
a.callPrivate();
//Same as iPFnPlaceholderSetter except the param is passed to a hidden method, before seting.
a.setPrivFromOutside(function()
{
    console.log("-->Passed from outside, through public then private setters");
    //console.log(pVar)
})
//Call the hidden method
a.callPrivate();
//Set hidden fn from instance public
a.setPrivateFromInstance();
//Call the hidden method.
a.callPrivate();
//Use evi(a)l fn to steal scope.
a.evil("this.meth = function(){console.log(pVar)}");
//Call fn with stolen scope
a.meth();
3
CBusBus 20 févr. 2014 à 12:57

Parce qu'au moment où vous déclarez l'objet littéral this n'est pas une référence à l'objet, mais à quel que soit le contexte d'appel.

9
Mike Dinescu 1 déc. 2011 à 20:29

La valeur de this est déterminée par la façon dont la fonction actuelle a été appelée. Il ne fait pas référence à l'objet actuel.

Cela fonctionnera:

var foo = {
    init: function(){
        this.doStuff();
    },
    doStuff: function(){
        alert('doing stuff');   
    }
};

foo.init();

Depuis que vous appelez foo .init(), this devient foo.

7
Quentin 1 déc. 2011 à 20:27

ES6 fournit des getters pour les propriétés de l'objet, vous pouvez donc les utiliser pour référencer l'objet lui-même et utiliser ses autres membres:

var foo = {
     prop1: 1,

     get prop2() { return this.prop1 + 1; }
}

// foo.prop2 = 2;
0
P.Petkov 14 avril 2018 à 09:15
8347770