在javascript中的ONDELETE對象事件

Question

我有一個模式對象，當它創建時創建DOM元素。 我想知道是否有可能在用戶調用對象的「刪除」時刪除節點。例如：

var modal = function (options) { 
    var domHolder = null; 

    function build() { 
     domHolder = document.createElement("div"); 
     //construct a modal window inside the element... 
    }; 

    this.ondelete = function() { 
     domHolder.parentNode.removeChild(domHolder); 
    } 

    build(); 
}; 

//destruct the object and remove the nodes 
var myModal = new modal(); 
delete myModal; 

Answer 1

delete不會觸發onDeleteEvent，delete是一個操作符;

刪除操作刪除對象的屬性。

你應該調用ondelete方法從DOM中刪除元素。

var myModal = new modal(); 
myModal.ondelete() ; 

JavaScript自動垃圾收集;只有Garbage Collectior決定運行並且該對象符合該條件時，該對象的內存纔會被回收。

刪除操作符與直接釋放內存無關（它只通過斷開引用間接進行）。有關更多詳細信息，請參閱memory management頁面）。

Answer 2

你可以解決這個問題是這樣的：（我編輯的代碼做一些清理工作）
調用刪除功能你自己，而不是delete運算符

var modal = function (options) { 
 
    var domHolder = null; 
 

 
    function build() { 
 
     domHolder = document.createElement("div"); 
 
     domHolder.innerHTML = "yes"; 
 
     document.getElementById("test").appendChild(domHolder); 
 
    }; 
 

 
    this.delete = function() { 
 
     domHolder.parentNode.removeChild(domHolder); 
 
     delete domHolder; 
 
     // delete ... other objectsthat can be released, ... 
 
     // ... so that the instance can be garbage collected 
 
    } 
 

 
    build(); 
 
}; 
 

 
//destruct the object and remove the nodes 
 
var myModal = new modal(); 
 
document.getElementById("clear").addEventListener("click", function(){ 
 
    myModal.delete(); 
 
})

<div id="test"> 
 
</div> 
 
<button id="clear">delete</button>