在JavaScript中，檢測變量是非常常見的操作。我們需要了解變量的類型和值，以便對其進行不同的操作。

JavaScript中有兩種類型的變量：基本類型和引用類型。

基本類型變量包括數字、字符串、布爾值、null和undefined。而引用類型變量包括對象、數組、函數和日期等。

在這里，我們將介紹如何檢測變量的類型和值，并給出相應的例子。

檢測基本類型變量

檢測基本類型變量可以使用typeof操作符。它返回一個字符串，表示變量的類型。

var num = 10;
var str = "Hello";
var bool = true;
console.log(typeof num); // 輸出 "number"
console.log(typeof str); // 輸出 "string"
console.log(typeof bool); // 輸出 "boolean"

除了null，使用typeof操作符都可以得到正確的類型。如果變量是null，則typeof返回"object"。這是一個歷史悠久的錯誤，被認為是JavaScript的一個缺陷。

為了檢測null，可以使用如下代碼：

var n = null;
console.log(n === null); // 輸出 "true"

如果要檢測undefined，可以使用如下代碼：

var u;
console.log(typeof u); // 輸出 "undefined"
console.log(u === undefined); // 輸出 "true"

檢測引用類型變量

檢測引用類型變量需要使用instanceof操作符或Object.prototype.toString方法。

使用instanceof操作符可以判斷一個變量是否是某種類型的實例。例如：

var arr = [1, 2, 3];
console.log(arr instanceof Array); // 輸出 "true"
console.log(arr instanceof Object); // 輸出 "true"
var fun = function() {};
console.log(fun instanceof Function); // 輸出 "true"
console.log(fun instanceof Object); // 輸出 "true"

使用Object.prototype.toString方法可以得到一個變量的類型。

var arr = [1, 2, 3];
console.log(Object.prototype.toString.call(arr)); // 輸出 "[object Array]"
var fun = function() {};
console.log(Object.prototype.toString.call(fun)); // 輸出 "[object Function]"

需要注意的是，使用Object.prototype.toString方法時需要使用call方法，將其作為一個普通函數來調用。

總結

檢測變量的類型和值是JavaScript編程中的基本操作。掌握這些技巧可以幫助我們更好地理解代碼。在實際開發中，我們不僅需要檢測變量的類型和值，還需要根據檢測結果執行不同的操作。

下面給出一個例子，根據不同的變量類型執行不同的操作：

var data = "Hello";
if (typeof data === "string") {
console.log(data.toUpperCase());
} else if (data instanceof Array) {
console.log(data.join("-"));
} else {
console.log("Unknown Type");
}

這段代碼檢測了變量data的類型，并根據類型執行不同的操作。如果data是字符串，將其轉換成大寫字母；如果是數組，將其轉換成字符串并用"-"連接；如果是其他類型，則輸出"Unknown Type"。