How can i delete javascript Object (John Resig - Simple Inheritance)?

Question

My code:

myobj = new Object();
classes.testegy = Class.extend({
    init: function (token) {
        console.log("test egy");
        setInterval(function () {
            console.log('hello');
        }, 300);
    },
    testt: function () {
        console.log("luli");
    }
});
classes.testketto = Class.extend({
    init: function (token) {
        console.log("test ketto");
    }
});
classes.site = Class.extend({
    init: function (token) {
        var myobj = new Object();
        myobj.lel1 = new classes.testegy();
        myobj.lel2 = new classes.testketto();
        console.log(myobj);
        delete myobj.lel1;
        myobj.lel1.testt();
    }
});
var class = new classes.site();

If I delete the myobj.lel1 object, it will be deleted, but the setInterval goes in the testegy class. Why? How can I full delete Object? Thanks

edited:

some example, when not use setInterval, use click, and console log.

classes.testegy = Class.extend({
init: function(token){
    console.log("test egy");
    $(".piii").live("click", function() {
        console.log("hello");
    });

},
foo: function() {
    console.log("pina");
}
});

classes.testketto = Class.extend({
init: function(token){
    console.log("test ketto");
}   
});

classes.site = Class.extend({
init: function(token){
    var myobj = new Object();

    myobj.lel1 = new classes.testegy();
    myobj.lel2 = new classes.testketto();

    console.log(myobj);

    delete myobj.lel1;
    myobj.lel1 = new classes.testegy();
    delete myobj.lel1;
    myobj.lel1 = new classes.testegy();
    delete myobj.lel1;
    myobj.lel1 = new classes.testegy();

}   
});

return: 1 click event -> 4x click = 4x console log :( it was created 4 shadow object.

You also need to call clearInterval

Mike Christensen
– Mike Christensen

2012-06-27 15:08:05 +00:00
Commented Jun 27, 2012 at 15:08 — Mike Christensen
– Mike Christensen, Commented Jun 27, 2012 at 15:08

freakish · Accepted Answer · 2012-06-27 15:20:50Z

You need to define cleaning function. First, hold the reference to setInterval:

init: function(token){
    console.log("test egy");
    this.interval = setInterval(function() { console.log('hello'); }, 300);
}

then define cleaning function (in prototype):

clean: function() {
    clearInterval(this.interval);
}

and finally call myobj.lel1.clean() before deleting.

EDIT

The problem with the edited code is different. Look at this:

init: function(token){
    console.log("test egy");
    $(".piii").live("click", function() {
        console.log("hello");
    });
}

Whenever you initialize new object, this function adds new handler to click event on .piii. What you have to do is to use this code:

$(".piii").live("click", function() {
    console.log("hello");
});

outside an object definition. Or you can use $(".piii").unbind('click').click(/* handler */) inside init.

BTW. .live method is outdated. Use .on now.

Niet the Dark Absol · Accepted Answer · 2012-06-27 15:09:35Z

0

setInterval returns an identifier for the timer, which can then be put through clearInterval to stop it. You need to call that clearInterval before destroying the object.

answered Jun 27, 2012 at 15:09

Niet the Dark Absol

326k86 gold badges480 silver badges604 bronze badges

Comments

bjornd · Accepted Answer · 2012-06-27 15:11:22Z

0

If I delete the myobj.lel1 object, it will be deleted, but the setInterval goes in the testegy class. Why?

Because delete operator just remove the reference to the object and then at some moment garbage collector frees the memory where this object resides. While the the only way to remove interval is to use clearInterval method like this:

...
init: function(token){
    console.log("test egy");
    this.interval = setInterval(function() { console.log('hello'); }, 300);
},
...

//then before calling delete you need to call clearInterval
clearInterval(obj.interval);
obj = null;

Or you can incapsulate all cleanup to the separate method:

cleanup: function() {
    clearInterval(this.interval);
}

answered Jun 27, 2012 at 15:11

bjornd

23k4 gold badges59 silver badges74 bronze badges

Collectives™ on Stack Overflow

How can i delete javascript Object (John Resig - Simple Inheritance)?

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related