Xóa các đối tượng trong JavaScript

Tôi hơi bối rối với deletetoán tử của JavaScript . Lấy đoạn mã sau:

var obj = {
    helloText: "Hello World!"
};

var foo = obj;

delete obj;

Sau khi đoạn mã này được thực thi, objlà null, nhưng foovẫn đề cập đến một đối tượng chính xác như thế nào obj. Tôi đoán đối tượng này là cùng một đối tượng foođã chỉ.

Điều này làm tôi bối rối, bởi vì tôi dự đoán rằng việc viết delete objđã xóa đối tượng objđược trỏ đến trong bộ nhớ, không chỉ là biến obj.

Đây có phải là do Trình thu gom rác của JavaScript đang hoạt động trên cơ sở giữ lại / phát hành, do đó nếu tôi không có bất kỳ biến nào khác trỏ đến đối tượng, nó sẽ bị xóa khỏi bộ nhớ?

(Nhân tiện, thử nghiệm của tôi đã được thực hiện trong Safari 4.)

Toán tử xóa chỉ xóa một tham chiếu, không bao giờ là một đối tượng. Nếu nó tự xóa đối tượng, các tham chiếu còn lại sẽ bị treo lủng lẳng, như xóa C ++. (Và việc truy cập một trong số chúng sẽ gây ra sự cố. Để làm cho tất cả chúng biến thành null có nghĩa là có thêm công việc khi xóa hoặc thêm bộ nhớ cho mỗi đối tượng.)

Vì Javascript là rác được thu thập, bạn không cần phải tự xóa các đối tượng - chúng sẽ bị xóa khi không còn cách nào để tham khảo chúng nữa.

Có thể hữu ích để xóa các tham chiếu đến một đối tượng nếu bạn kết thúc với chúng, bởi vì điều này cung cấp cho trình thu gom rác thêm thông tin về những gì có thể được thu hồi. Nếu các tham chiếu vẫn còn cho một đối tượng lớn, điều này có thể khiến nó không được công nhận - ngay cả khi phần còn lại của chương trình của bạn không thực sự sử dụng đối tượng đó.

Các deletelệnh không ảnh hưởng đến các biến thông thường, chỉ có tài sản. Sau deletelệnh mà thuộc tính không có giá trị null, nó hoàn toàn không tồn tại.

Nếu thuộc tính là một tham chiếu đối tượng, deletelệnh sẽ xóa thuộc tính nhưng không phải đối tượng. Trình thu gom rác sẽ chăm sóc đối tượng nếu nó không có tài liệu tham khảo nào khác.

Thí dụ:

var x = new Object();
x.y = 42;

alert(x.y); // shows '42'

delete x; // no effect
alert(x.y); // still shows '42'

delete x.y; // deletes the property
alert(x.y); // shows 'undefined'

(Đã thử nghiệm trên Firefox.)

"Các biến được khai báo ngầm" là các thuộc tính của đối tượng toàn cục, vì vậy xóa hoạt động trên chúng giống như nó hoạt động trên bất kỳ thuộc tính nào. Các biến được khai báo với var là không thể phá hủy.

Đến từ Tài liệu Mozilla, "Bạn có thể sử dụng toán tử xóa để xóa các biến được khai báo ngầm nhưng không phải là các biến được khai báo bằng câu lệnh var."

Đây là liên kết: https://developer.mozilla.org/En/Core_JavaScript_1.5_Reference:Operators:ecial_Operators:delete_Operator

delete không được sử dụng để xóa một đối tượng trong java Script.

deleteđược sử dụng để loại bỏ một object keytrong trường hợp của bạn

var obj = { helloText: "Hello World!" }; 
var foo = obj;
delete obj;

Đối tượng không bị xóa kiểm tra obj vẫn lấy cùng một giá trị xóa sử dụng:

delete obj.helloText

và sau đó kiểm tra obj, foo, cả hai đều là đối tượng trống rỗng.

Chỉ cần tìm thấy một jsperf bạn có thể xem xét thú vị về vấn đề này. (nó có thể hữu ích để giữ nó xung quanh để hoàn thành bức tranh)

Nó so sánh xóa , thiết lập null và thiết lập không xác định .

Nhưng hãy nhớ rằng nó sẽ kiểm tra trường hợp khi bạn xóa / đặt thuộc tính nhiều lần.

Ngoài các câu hỏi về GC, để thực hiện, người ta nên xem xét các tối ưu hóa mà trình duyệt có thể thực hiện trong nền ->

http://coding.smashingmagazine.com/2012/11/05/writer-fast-memory- hiệu quả-javascript /

Có vẻ như tốt hơn để hủy tham chiếu hơn là xóa nó vì điều đó có thể thay đổi việc sử dụng Chrome của lớp học đằng sau hậu trường.

IE 5 đến 8 có một lỗi trong đó việc sử dụng xóa trên các thuộc tính của đối tượng máy chủ (Window, Global, DOM, v.v.) ném TypeError "đối tượng không hỗ trợ hành động này".

var el=document.getElementById("anElementId");
el.foo = {bar:"baz"};
try{
    delete el.foo;
}catch(){
    //alert("Curses, drats and double double damn!");
    el.foo=undefined; // a work around
}

Sau này nếu bạn cần kiểm tra nơi tài sản có ý nghĩa sử dụng giá trị đầy đủ el.foo !== undefinedvì "foo" in el sẽ luôn trả về true trong IE.

Nếu bạn thực sự cần tài sản để thực sự biến mất ...

function hostProxy(host){
    if(host===null || host===undefined) return host;
    if(!"_hostProxy" in host){
       host._hostproxy={_host:host,prototype:host};
    }
    return host._hostproxy;
}
var el=hostProxy(document.getElementById("anElementId"));
el.foo = {bar:"baz"};

delete el.foo; // removing property if a non-host object

nếu bạn cần sử dụng đối tượng máy chủ với máy chủ api ...

el.parent.removeChild(el._host);

Tôi tình cờ thấy bài viết này trong tìm kiếm của tôi cho cùng một câu trả lời. Điều cuối cùng tôi làm chỉ là bật ra obj.pop()tất cả các giá trị / đối tượng được lưu trữ trong đối tượng của tôi để tôi có thể sử dụng lại đối tượng. Không chắc đây có phải là thực hành xấu hay không. Kỹ thuật này có ích cho tôi khi kiểm tra mã của mình trong các công cụ Chrome Dev hoặc FireFox Web Console.

Công việc này đối với tôi, mặc dù nó không phải là một thực hành tốt. Nó chỉ đơn giản là xóa tất cả các yếu tố liên quan mà đối tượng thuộc về.

 for (element in homeService) {
          delete homeService[element];
  }

Đặt một biến để nullđảm bảo phá vỡ mọi tham chiếu đến các đối tượng trong tất cả các trình duyệt, bao gồm các tham chiếu vòng tròn được tạo giữa các thành phần DOM và phạm vi Javascript. Bằng cách sử dụng deletelệnh, chúng tôi sẽ đánh dấu các đối tượng sẽ bị xóa trong lần chạy tiếp theo của bộ sưu tập Rác, nhưng nếu có nhiều biến tham chiếu đến cùng một đối tượng, xóa một biến duy nhất S NOT KHÔNG giải phóng đối tượng, nó sẽ chỉ xóa liên kết giữa biến đó và đối tượng. Và trong lần chạy tiếp theo của bộ sưu tập Rác, chỉ có biến sẽ được làm sạch.