Kiểm tra null JavaScript

Tôi đã xem qua đoạn mã sau:

function test(data) {
    if (data != null && data !== undefined) {
        // some code here
    }
}

Tôi hơi mới đối với JavaScript, nhưng, từ những câu hỏi khác mà tôi đã đọc ở đây, tôi có ấn tượng rằng mã này không có nhiều ý nghĩa.

Bạn sẽ gặp lỗi nếu bạn truy cập vào một biến không xác định trong bất kỳ ngữ cảnh nào khác ngoài typeof.

Cập nhật: Câu trả lời (trích dẫn) ở trên có thể gây hiểu nhầm. Nó sẽ nói «một biến không được khai báo» , thay vì «một biến không xác định» .

Như tôi đã tìm ra, trong các câu trả lời của Ryan ♦ , maerics và nwellnhof , ngay cả khi không có đối số nào được cung cấp cho hàm, các biến của nó cho các đối số luôn được khai báo. Thực tế này cũng chứng minh sai mục đầu tiên trong danh sách dưới đây.

Theo hiểu biết của tôi, các kịch bản sau đây có thể được trải nghiệm:

• Hàm được gọi không có đối số, do đó tạo datamột biến không xác định và gây ra lỗi data != null.

• Hàm được gọi cụ thể với null(hoặc undefined), như là đối số của nó, trong trường hợp đó data != nullđã bảo vệ mã bên trong, khiến cho && data !== undefinedvô dụng.

• Hàm được gọi với một đối số không null, trong trường hợp đó, nó sẽ vượt qua cả hai data != null và data !== undefined .

Q: sự hiểu biết của tôi có đúng không?

Tôi đã thử các cách sau, trong bảng điều khiển của Firefox:

--
[15:31:31.057] false != null
[15:31:31.061] true
--
[15:31:37.985] false !== undefined
[15:31:37.989] true
--
[15:32:59.934] null != null
[15:32:59.937] false
--
[15:33:05.221] undefined != null
[15:33:05.225] false
--
[15:35:12.231] "" != null
[15:35:12.235] true
--
[15:35:19.214] "" !== undefined
[15:35:19.218] true

Tôi không thể tìm ra một trường hợp mà data !== undefined sau này data != null có thể được sử dụng.

Một biến số không xác định của người khác là khác với giá trị undefined.

Một biến không xác định:

var a;
alert(b); // ReferenceError: b is not defined

Một biến có giá trị undefined:

var a;
alert(a); // Alerts “undefined”

Khi một hàm lấy một đối số, đối số đó luôn được khai báo ngay cả khi giá trị của nó là undefinedvà do đó sẽ không có bất kỳ lỗi nào. Bạn đúng về != nullsau !== undefinedlà vô dụng, mặc dù.

Trong JavaScript, nulllà một đối tượng singleton đặc biệt hữu ích cho việc báo hiệu "không có giá trị". Bạn có thể kiểm tra nó bằng cách so sánh và, như thường lệ trong JavaScript, nên sử dụng ===toán tử để tránh sự ép buộc kiểu khó hiểu:

var a = null;
alert(a === null); // true

Như @rynah đề cập, "không xác định" là một chút khó hiểu trong JavaScript. Tuy nhiên, luôn an toàn để kiểm tra xem typeof(x)chuỗi có phải là "không xác định" hay không, ngay cả khi "x" không phải là biến được khai báo:

alert(typeof(x) === 'undefined'); // true

Ngoài ra, các biến có thể có "giá trị không xác định" nếu chúng không được khởi tạo:

var y;
alert(typeof(y) === 'undefined'); // true

Đặt tất cả lại với nhau, kiểm tra của bạn sẽ trông như thế này:

if ((typeof(data) !== 'undefined') && (data !== null)) {
  // ...

Tuy nhiên, do "dữ liệu" biến luôn được xác định do là tham số hàm chính thức, nên sử dụng toán tử "typeof" là không cần thiết và bạn có thể so sánh trực tiếp với "giá trị không xác định" một cách an toàn.

function(data) {
  if ((data !== undefined) && (data !== null)) {
    // ...

Đoạn mã này có nghĩa là "nếu hàm được gọi với một đối số được xác định và không phải là null ..."

Trong trường hợp của bạn, hãy sử dụng data==null(CHỈ đúng cho null và không xác định - trên ảnh thứ hai tập trung vào các hàng / cột không xác định)

function test(data) {
    if (data != null) {
        console.log('Data: ', data);
    }
}

test();          // the data=undefined
test(null);      // the data=null
test(undefined); // the data=undefined

test(0); 
test(false); 
test('something');

Ở đây bạn có tất cả ( src ):

nếu

== (phủ định của nó ! = )

=== (phủ định của nó ! == )

Q: Hàm được gọi không có đối số, do đó làm cho dữ liệu trở thành một biến không xác định và gây ra lỗi trên dữ liệu! = Null.

A: Có, datasẽ được đặt thành không xác định. Xem phần 10.5 Khai báo ràng buộc ràng buộc của thông số kỹ thuật. Nhưng việc truy cập một giá trị không xác định sẽ không gây ra lỗi. Bạn có thể nhầm lẫn điều này với việc truy cập một biến không được khai báo trong chế độ nghiêm ngặt sẽ gây ra lỗi.

Q: Hàm được gọi cụ thể bằng null (hoặc không xác định), là đối số của nó, trong trường hợp đó dữ liệu! = Null đã bảo vệ mã bên trong, kết xuất && dữ liệu! == không xác định vô dụng.

Q: Hàm được gọi với một đối số không null, trong trường hợp đó, nó sẽ chuyển một cách tầm thường cả dữ liệu! = Null và dữ liệu! == không xác định.

A: Đúng. Lưu ý rằng các xét nghiệm sau là tương đương:

data != null
data != undefined
data !== null && data !== undefined

Xem phần 11.9.3 Thuật toán so sánh đẳng thức trừu tượng và phần 11.9.6 Thuật toán so sánh đẳng thức nghiêm ngặt của thông số kỹ thuật.

Tôi nghĩ rằng, việc kiểm tra các biến cho các giá trị mà bạn không mong đợi nói chung không phải là một ý tưởng hay. Bởi vì bài kiểm tra như bạn có thể coi là viết một danh sách đen các giá trị bị cấm. Nhưng nếu bạn quên liệt kê tất cả các giá trị bị cấm thì sao? Ai đó, thậm chí là bạn, có thể bẻ khóa mã của bạn bằng cách chuyển một giá trị không mong muốn. Vì vậy, một cách tiếp cận phù hợp hơn là một cái gì đó giống như danh sách trắng - chỉ kiểm tra các biến cho các giá trị dự kiến, không bất ngờ. Ví dụ: nếu bạn mong đợi giá trị dữ liệu là một chuỗi, thay vì này:

function (data) {
  if (data != null && data !== undefined) {
    // some code here
    // but what if data === false?
    // or data === '' - empty string?
  }
}

làm một cái gì đó như thế này:

function (data) {
  if (typeof data === 'string' && data.length) {
    // consume string here, it is here for sure
    // cleaner, it is obvious what type you expect
    // safer, less error prone due to implicit coercion
  } 
}

typeof foo === "undefined"là khác nhau foo === undefined, không bao giờ nhầm lẫn chúng. typeof foo === "undefined"là những gì bạn thực sự cần. Ngoài ra, sử dụng !==thay thế!=

Vì vậy, tuyên bố có thể được viết là

function (data) {
  if (typeof data !== "undefined" && data !== null) {
    // some code here
  }
}

Biên tập:

Bạn không thể sử dụng foo === undefinedcho các biến không được khai báo.

var t1;

if(typeof t1 === "undefined")
{
  alert("cp1");
}

if(t1 === undefined)
{
  alert("cp2");
}

if(typeof t2 === "undefined")
{
  alert("cp3");
}

if(t2 === undefined) // fails as t2 is never declared
{
  alert("cp4");
}

Cách đơn giản để làm bài kiểm tra của bạn là:

function (data) {
    if (data) { // check if null, undefined, empty ...
        // some code here
    }
}

var a;
alert(a); //Value is undefined

var b = "Volvo"; 
alert(b); //Value is Volvo

var c = null;
alert(c); //Value is null