JavaScript kiểm tra null so với không xác định và sự khác biệt giữa == và ===

1. Làm cách nào để kiểm tra một biến nếu nó nullhoặc undefinedvà sự khác biệt giữa nullvà là undefinedgì?

2. Sự khác biệt giữa ==và ===(thật khó để tìm kiếm Google cho "===")?

Làm cách nào để kiểm tra một biến nếu nó nullhoặc undefined...

Là biến null:

if (a === null)
// or
if (a == null) // but see note below

... nhưng lưu ý điều sau cũng sẽ đúng nếu acó undefined.

Là nó undefined:

if (typeof a === "undefined")
// or
if (a === undefined)
// or
if (a == undefined) // but see note below

... nhưng một lần nữa, lưu ý rằng cái cuối cùng là mơ hồ; nó cũng sẽ đúng nếu alà null.

Bây giờ, mặc dù ở trên, cách thông thường để kiểm tra những thứ đó là sử dụng thực tế rằng chúng là chim ưng :

if (!a) {
    // `a` is falsey, which includes `undefined` and `null`
    // (and `""`, and `0`, and `NaN`, and [of course] `false`)
}

Điều này được xác định bởi ToBoolean trong thông số kỹ thuật.

... Và sự khác biệt giữa nullvà là undefinedgì?

Cả hai giá trị thường được sử dụng để chỉ sự vắng mặt của một cái gì đó. undefinedlà một biến chung hơn, được sử dụng làm giá trị mặc định của các biến cho đến khi chúng được gán một số giá trị khác, làm giá trị của các đối số hàm không được cung cấp khi hàm được gọi và là giá trị bạn nhận được khi bạn hỏi một đối tượng đối với một tài sản nó không có. Nhưng nó cũng có thể được sử dụng rõ ràng trong tất cả các tình huống đó. (Có sự khác biệt giữa một đối tượng không có thuộc tính và có thuộc tính có giá trị undefined; có sự khác biệt giữa việc gọi hàm với giá trị undefinedcho đối số và loại bỏ hoàn toàn đối số đó.)

nullcụ thể hơn một chút so với undefined: Đó là một tham chiếu đối tượng trống. Tất nhiên, JavaScript được gõ một cách lỏng lẻo, nhưng không phải tất cả những thứ mà JavaScript tương tác với đều được gõ một cách lỏng lẻo. Nếu một API như DOM trong các trình duyệt cần một tham chiếu đối tượng đó là trống, chúng tôi sử dụng null, không phải undefined. Và tương tự, getElementByIdhoạt động của DOM trả về một tham chiếu đối tượng - hoặc là một tham chiếu hợp lệ (nếu nó tìm thấy phần tử DOM) hoặc null(nếu nó không).

Thật thú vị (hoặc không), chúng là loại riêng của chúng. Có thể nói, nulllà giá trị duy nhất trong loại Null và undefinedlà giá trị duy nhất trong loại Không xác định.

Sự khác biệt giữa "==" và "==="

Sự khác biệt duy nhất giữa chúng là ==loại cưỡng chế để cố gắng làm cho các giá trị khớp với nhau và ===sẽ không. Vì vậy, ví dụ "1" == 1là đúng, bởi vì "1"ép buộc 1. Nhưng "1" === 1là sai , vì các loại không khớp. ( "1" !== 1là đúng.) Bước đầu tiên (thực) ===là "Các loại toán hạng có giống nhau không?" và nếu câu trả lời là "không", kết quả là false. Nếu các loại là giống nhau, nó làm chính xác những gì ==làm.

Loại cưỡng chế sử dụng các quy tắc khá phức tạp và có thể có kết quả đáng ngạc nhiên (ví dụ, "" == 0là đúng).

Thêm trong thông số kỹ thuật:

• Tóm tắt so sánh đẳng thức ( ==còn gọi là bình đẳng "lỏng lẻo")
• So sánh bình đẳng nghiêm ngặt ( ===)

Sự khác biệt là tinh tế.

Trong JavaScript, một undefinedbiến là một biến mà chưa bao giờ được khai báo hoặc không bao giờ được gán một giá trị. Giả sử bạn khai báo var a;chẳng hạn, sau đó asẽ được undefined, bởi vì nó không bao giờ được gán bất kỳ giá trị nào.

Nhưng nếu bạn sau đó chỉ định a = null;thì abây giờ sẽ được null. Trong JavaScript nulllà một đối tượng (hãy thử typeof nulltrong bảng điều khiển JavaScript nếu bạn không tin tôi), điều đó có nghĩa là null là một giá trị (thực tế thậm chí undefinedlà một giá trị).

Thí dụ:

var a;
typeof a;     # => "undefined"

a = null;
typeof null;  # => "object"

Điều này có thể chứng minh hữu ích trong các đối số chức năng. Bạn có thể muốn có một giá trị mặc định, nhưng coi null là chấp nhận được. Trong trường hợp bạn có thể làm:

function doSomething(first, second, optional) {
    if (typeof optional === "undefined") {
        optional = "three";
    }
    // do something
}

Nếu bạn bỏ qua optionaltham số doSomething(1, 2) thentùy chọn sẽ là "three"chuỗi nhưng nếu bạn vượt qua doSomething(1, 2, null)thì tùy chọn sẽ là null.

Đối với các bộ so sánh bằng nhau ==và hoàn toàn bằng nhau ===, cái đầu tiên là loại yếu, trong khi bằng nhau cũng kiểm tra loại giá trị. Điều đó có nghĩa là 0 == "0"sẽ trở lại đúng sự thật; while 0 === "0"sẽ trả về false, vì một số không phải là một chuỗi.

Bạn có thể sử dụng các toán tử để kiểm tra giữa undefinedmột null. Ví dụ:

null === null            # => true
undefined === undefined  # => true
undefined === null       # => false
undefined == null        # => true

Trường hợp cuối cùng rất thú vị, vì nó cho phép bạn kiểm tra xem một biến là không xác định hoặc null và không có gì khác:

function test(val) {
    return val == null;
}
test(null);       # => true
test(undefined);  # => true

Thông số kỹ thuật là nơi để trả lời đầy đủ cho những câu hỏi này. Đây là một bản tóm tắt:

1. Đối với một biến x, bạn có thể:
   
   
   • kiểm tra xem nó nullbằng cách so sánh trực tiếp bằng cách sử dụng ===. Thí dụ:x === null
   • kiểm tra xem nó undefinedbằng một trong hai phương pháp cơ bản: so sánh trực tiếp với undefinedhoặc typeof. Vì nhiều lý do , tôi thích typeof x === "undefined".
   • kiểm tra xem đó có phải là một trong nullvà undefinedbằng cách sử dụng ==và dựa vào các quy tắc cưỡng chế hơi phức tạp có nghĩa là x == nullthực hiện chính xác những gì bạn muốn hay không.
     
     
2. Sự khác biệt cơ bản giữa ==và ===là nếu các toán hạng có các loại khác nhau, ===sẽ luôn trả về falsetrong khi ==sẽ chuyển đổi một hoặc cả hai toán hạng thành cùng loại bằng cách sử dụng các quy tắc dẫn đến một số hành vi hơi không trực quan. Nếu các toán hạng có cùng loại (ví dụ cả hai là các chuỗi, chẳng hạn như trong typeofso sánh ở trên) ==và ===sẽ hoạt động giống hệt nhau.

Đọc thêm:

• Sự thật, Bình đẳng và JavaScript của Angus Croll
• Ép buộc JavaScript của Andrea Giammarchi làm sáng tỏ
• Câu hỏi thường gặp về comp.lang.javascript: Chuyển đổi loại JavaScript

Làm cách nào để kiểm tra một biến nếu nó không hoặc không xác định

chỉ cần kiểm tra xem một biến có giá trị hợp lệ như thế này không:

if(variable)

nó sẽ trả về true nếu biến không chứa:

• vô giá trị
• chưa xác định
• 0
• sai
• "" (một chuỗi trống)
• NaN

chưa xác định

Nó có nghĩa là biến chưa được intialized.

Thí dụ :

var x;
if(x){ //you can check like this
   //code.
}

bằng (==)

Nó chỉ kiểm tra giá trị bằng với không phải kiểu dữ liệu.

Thí dụ :

var x = true;
var y = new Boolean(true);
x == y ; //returns true

Bởi vì nó chỉ kiểm tra giá trị.

Bằng nghiêm ngặt (===)

Kiểm tra giá trị và kiểu dữ liệu phải giống nhau.

Thí dụ :

var x = true;
var y = new Boolean(true);
x===y; //returns false.

Bởi vì nó kiểm tra kiểu dữ liệu x là kiểu nguyên thủy và y là đối tượng boolean.

Quảng cáo 1. nullkhông phải là định danh cho một thuộc tính của đối tượng toàn cầu, giống như undefined có thể là

let x;      // undefined
let y=null; // null
let z=3;    // has value
// 'w'      // is undeclared

if(!x) console.log('x is null or undefined');
if(!y) console.log('y is null or undefined');
if(!z) console.log('z is null or undefined');

try { if(w) 0 } catch(e) { console.log('w is undeclared') }
// typeof not throw exception for undelared variabels
if(typeof w === 'undefined') console.log('w is undefined');

Quảng cáo 2. Các ===giá trị và loại kiểm tra. Không ==yêu cầu cùng loại và thực hiện chuyển đổi ngầm trước khi so sánh (sử dụng .valueOf()và .toString()). Ở đây bạn có tất cả ( src ):

nếu

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

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

Nếu kiểm tra (logic) của bạn là phủ định (!) Và bạn muốn nắm bắt cả JS nullvà undefined (vì các Trình duyệt khác nhau sẽ cho bạn kết quả khác nhau), bạn sẽ sử dụng phép so sánh ít hạn chế hơn: vd:

var ItemID = Item.get_id();
if (ItemID != null)
{
 //do stuff
}

Điều này sẽ nắm bắt cả hai nullvàundefined

Hãy thử với logic khác nhau . Bạn có thể sử dụng mã dưới đây để kiểm tra tất cả bốn (4) điều kiện để xác thực như không null, không trống, không xác định và không zero chỉ sử dụng mã này (! (! (Biến))) trong javascript và jquery.

function myFunction() {
var data;  //The Values can be like as null, blank, undefined, zero you can test

if(!(!(data)))
{
   //If data has valid value
    alert("data "+data);
} 
else 
{
    //If data has null, blank, undefined, zero etc.
    alert("data is "+data);
}

}