如何檢查 JavaScript 中的變數是否存在
Kirill Ibrahim
2023年1月30日
2020年11月24日
在這篇文章中,我們將介紹多種方法來檢查一個變數是否被定義/初始化。下面的每個方法都會有一個程式碼示例,你可以在你的機器上執行。
使用 typeof
操作符來檢查 JavaScript 中是否存在變數
typeof
操作符檢查變數是否被定義/空,但如果與未宣告的變數一起使用,它不會丟擲 ReferenceError
。
例子:
<!DOCTYPE html>
<html>
<head>
<title>
How to check if variable exists in JavaScript?
</title>
</head>
<body style = "text-align:center;">
<h2 >
How to check if variable exists in JavaScript?
</h2>
<p>
variable-name : Vatiable1
</p>
<button onclick="checkVariable()">
Check Variable
</button>
<h4 id = "result" style="color:blue;"></h4>
<!-- Script to check existence of variable -->
<script>
const checkVariable = () => {
let Vatiable1;
let result = document.getElementById("result");
if (typeof Vatiable1 === 'undefined') {
result.innerHTML = "Variable is Undefined";
}
else {
result.innerHTML = "Variable is defined and"
+ " value is " + Vatiable1;
}
}
</script>
</body>
例子:
我們將使用與上面相同的 html。
<script>
const checkVariable = () => {
let Vatiable1 = "variable 1";
let result = document.getElementById("result");
if (typeof Vatiable1 === 'undefined') {
result.innerHTML = "Variable is Undefined";
}
else {
result.innerHTML = "Variable is defined and"
+ " value is " + Vatiable1 ;
}
}
</script>
例子:我們將使用與上面相同的 html
我們將使用與上面相同的 html 來檢查變數是否為空。
<script>
const checkVariable = () => {
let Vatiable1 = null;
let result = document.getElementById("result");
if (typeof Vatiable1 === 'undefined' ) {
result.innerHTML = "Variable is Undefined";
}
else if (Vatiable1 === null){
result.innerHTML = "Variable is null and not declared";
}
else {
result.innerHTML = "Variable is defined and"
+ " value is " + Vatiable1 ;
}
}
</script>
使用 if (varibale)
語句來檢查變數是否存在於 JavaScript 中
我們也可以使用 if
語句來檢查一個變數是否存在,因為它涵蓋了很多情況,比如檢查變數是否為 undefined
、null
、''
、0
、Nan
和 false
。但 typeof
操作符只檢查 undefined
或 null
。
例子:
我們將使用上面相同的 html。
<script>
const checkVariable = () => {
//let Vatiable1;
let Vatiable1 = null;
// let Vatiable1 = '';
let result = document.getElementById("result");
if(Vatiable1){
result.innerHTML = "Variable is defined and"
+ " value is " + Vatiable1 ;
}
else{
result.innerHTML = "Variable is Undefined"
}
}
</script>