xóa a.x vs a.x = undefined

Question

Có sự khác biệt đáng kể nào trong việc thực hiện một trong hai điều này không?

delete a.x; 

vs

a.x = undefined; 

nơi

a = { 
    x: 'boo' 
}; 

có thể nói rằng họ là tương đương?

(Tôi không tính đến các tài khoản như "V8 likes not using delete better")

Answer 1

Chúng không tương đương. Sự khác biệt chính là thiết

a.x = undefined 

nghĩa là a.hasOwnProperty("x") vẫn sẽ trở thành sự thật, và do đó, nó vẫn sẽ hiển thị trong một vòng lặp for in, và trong Object.keys()

delete a.x 

nghĩa là a.hasOwnProperty("x") sẽ trả về false

Cách chúng giống nhau là bạn không thể biết được thuộc tính có tồn tại hay không bằng cách thử nghiệm

if (a.x === undefined) 

nào bạn không nên làm nếu bạn đang cố gắng để xác định xem một tài sản tồn tại, bạn nên luôn luôn sử dụng

// If you want inherited properties 
if ('x' in a) 

// If you don't want inherited properties 
if (a.hasOwnProperty('x')) 

Tiếp nối chuỗi nguyên mẫu (được đề cập bởi zzzzBov) Gọi delete sẽ cho phép nó đi lên chuỗi nguyên mẫu, trong khi đặt giá trị thành không xác định sẽ không tìm kiếm thuộc tính trong các nguyên mẫu bị xích http://jsfiddle.net/NEEw4/1/

var obj = {x: "fromPrototype"}; 
var extended = Object.create(obj); 
extended.x = "overriding"; 
console.log(extended.x); // overriding 
extended.x = undefined; 
console.log(extended.x); // undefined 
delete extended.x; 
console.log(extended.x); // fromPrototype 

Xóa các thuộc tính thừa kế Nếu thuộc tính bạn đang cố gắng xóa được kế thừa, delete sẽ không ảnh hưởng đến nó. Tức là, delete chỉ xóa thuộc tính khỏi đối tượng, chứ không phải thuộc tính được kế thừa.

var obj = {x: "fromPrototype"}; 
var extended = Object.create(obj); 
delete extended.x; 
console.log(extended.x); // Still fromPrototype 

Do đó, nếu bạn cần phải chắc chắn giá trị của một đối tượng sẽ được undefined, delete sẽ không hoạt động khi tài sản được thừa kế, bạn sẽ phải thiết lập (override) nó để undefined trong trường hợp đó. Trừ khi nơi đó là kiểm tra nó sẽ sử dụng hasOwnProperty, nhưng nó có khả năng sẽ không được an toàn để giả định rằng ở khắp mọi nơi để kiểm tra nó sẽ sử dụng hasOwnProperty

Answer 2

Để diễn giải câu hỏi:

Are delete a.x và a.x = undefined tương đương ?

số

Cựu loại bỏ phím từ biến, các bộ sau phím với một giá trị của undefined.Điều này tạo ra sự khác biệt khi lặp qua các thuộc tính của đối tượng và khi sử dụng hasOwnProperty.

a = { 
    x: true 
}; 
a.x = undefined; 
a.hasOwnProperty('x'); //true 
delete a.x; 
a.hasOwnProperty('x'); //false 

Ngoài ra, điều này sẽ tạo sự khác biệt đáng kể khi chuỗi nguyên mẫu có liên quan.

function Foo() { 
    this.x = 'instance'; 
} 
Foo.prototype = { 
    x: 'prototype' 
}; 
a = new Foo(); 
console.log(a.x); //'instance' 

a.x = undefined; 
console.log(a.x); //undefined 

delete a.x; 
console.log(a.x); //'prototype' 

Answer 3

Nút REPL này sẽ minh họa sự khác biệt.

> a={ x: 'foo' }; 
{ x: 'foo' } 
> for (var i in a) { console.log(i); }; 
x 
undefined 
> a.x=undefined; 
undefined 
> for (var i in a) { console.log(i); }; 
x 
undefined 
> delete a.x; 
true 
> for (var i in a) { console.log(i); }; 
undefined 

Answer 4

Tên có chút khó hiểu. a.x = undefined chỉ bộ tài sản để undefined, nhưng bất động sản vẫn còn đó:

> var a = {x: 3}; 
> a.x = undefined; 
> a.constructor.keys(a) 
["x"] 

delete thực sự xóa nó:

> var a = {x: 3}; 
> delete a.x; 
> a.constructor.keys(a) 
[] 

Answer 5

Có có một sự khác biệt. Nếu bạn sử dụng delete a.x thì x không phải là bất kỳ thuộc tính nào của a, nhưng nếu bạn sử dụng a.x=undefined thì đó là thuộc tính nhưng giá trị của nó không được xác định.

Answer 6

Tôi chắc chắn bạn có thể thấy sự khác biệt giữa var o1 = {p:undefined}; và var o2 = {};.

Trong cả hai trường hợp, o.p sẽ undefined nhưng trong trường hợp đầu tiên, đó là vì đó là giá trị và trong trường hợp thứ hai vì không có giá trị.

delete là các nhà điều hành cho phép bạn nhận được từ o1 (hoặc một đối tượng mà có một giá trị được gán cho bất động sản p của nó) để o2 theo cách đó: delete o1.p;.

Thao tác đảo ngược được thực hiện bằng cách chỉ định giá trị (undefined trong ví dụ này nhưng có thể là một thứ khác) cho thuộc tính o1.p = undefined;.

Vì vậy, không, chúng không tương đương.

---

delete o.p; sẽ

• loại bỏ các tài sản p từ đối tượng nếu nó có một

• không làm gì khác

o.p = undefined; sẽ

• thêm một tài sản p đến đối tượng nếu nó không có tiểu sử nào và thiết lập giá trị của nó để undefined

• chỉ cần thay đổi giá trị của tài sản nếu đối tượng đã có nó

---

Từ góc độ hiệu suất, delete là xấu vì nó sửa đổi cấu trúc của đối tượng (giống như thêm thuộc tính mới nếu bạn chưa khởi tạo nó trong hàm tạo).

Trong khi đặt giá trị thành undefined cũng giải phóng nội dung nhưng không buộc phải sửa đổi cấu trúc.

Answer 7

Đối tượng chỉ đơn giản là biểu diễn cây, có nghĩa là, trong bộ nhớ, điểm gốc trỏ đến các vị trí bộ nhớ khác nhau, nơi các khóa của đối tượng đó được lưu trữ. và vị trí đó trỏ đến vị trí khác nơi giá trị thực của khóa đó được lưu trữ hoặc vị trí lưu trữ các khóa con hoặc vị trí lưu trữ các giá trị mảng.

Khi bạn xóa bất kỳ khóa nào khỏi đối tượng bằng cách xóa, thực sự nó xóa liên kết giữa khóa đó và đối tượng mẹ và vị trí bộ nhớ của khóa và giá trị của nó được giải phóng để lưu trữ thông tin khác.

Khi bạn cố gắng xóa bất kỳ khóa nào bằng cách đặt không xác định làm giá trị của nó, thì bạn chỉ cần đặt giá trị của nó, chứ không xóa khóa đó. Điều đó có nghĩa là vị trí bộ nhớ khóa vẫn được liên kết với đối tượng cha của nó và giá trị nếu khóa không xác định.

sử dụng không xác định thay vì sử dụng từ khóa xóa là thực tiễn không tốt vì không phát hành vị trí bộ nhớ của khóa đó.

Ngay cả khóa không có mặt và nếu bạn đặt không xác định, thì khóa đó sẽ được tạo với giá trị 'không xác định'.

ví dụ: var a = {} a.d = undefined; console.log (a); // thao tác này sẽ in {d: undefined}

xóa không thể làm việc với các thuộc tính kế thừa vì thuộc tính đó không phải là một phần của đối tượng con đó.