JavaScript踩坑(4)typeof 运算符返回类型

typeof运算符可以返回各种各样的返回类型,包括
string 字符串
number 数字
boolean 布尔值
undefined 没定义初始值
function 函数
object 数组 对象 null

为了明确各种值各返回什么类型,用代码列举了一下
注意:null 和空字符串不同,之前我也搞混了
" "空字符串返回类型是string
null返回类型是对象,object

这里注意辨析 data5 和 data5_1

JavaScript:

var data1 = "hello";    //字符串
var data2 = 168;        //数字
var data3 = true;       //布尔值
var data4;              //没定义值
var data5 = "";         //空字符串
var data5_1 = null;     //null,容易与空字符串返回类型混淆
var data6 = [1,2,3]     //数组
var data7 = {           //对象
    first:12,
    second:"world",
    third:true,
};
var data8 = function() {//函数
}

document.getElementById("demo2").innerHTML =
    "data1 字符串 的类型: " + typeof data1 + "<br/>" +
    "data2 数字 的类型: " + typeof data2 + "<br/>" +
    "data3 布尔值 的类型: " + typeof data3 + "<br/>" +
    "data4 没定义值 的类型: " + typeof data4 + "<br/>" +
    "data5 空字符串 的类型: " + typeof data5 + "<br/>" +
    "data5_1 null 的类型: " + typeof data5_1 + "<br/>" +
    "data6 数组 的类型: " + typeof data6 + "<br/>" +
    "data7 对象 的类型: " + typeof data7 + "<br/>" +
    "data8 函数 的类型: " + typeof data8;

HTML:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Javascript学习第二天</title>
</head>
<body>
<p id="demo2"></p>

<script src="../Javascript/0114_01.js"></script>
</body>
</html>

运行结果:
在这里插入图片描述
希望能帮到大家

发布了20 篇原创文章 · 获赞 17 · 访问量 468

猜你喜欢

转载自blog.csdn.net/qwe122343/article/details/103969066