JavaScript 数据类型详解:基本类型、特殊类型与对象

作者:纸飞机

时间:2026-10-26

浏览:299

本文系统梳理 JavaScript 的核心数据类型,涵盖三种基本类型(数字、字符串、布尔值)、两种特殊小类型(null 和 undefined)以及复合类型(对象、数组、函数)。通过具体代码示例展示 typeof 运算符的使用,并介绍对象的三种创建方式,帮助开发者全面理解 JS 的类型系统。

代码如下:

 
<!doctype html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>javascript数据类型</title>
</head>
<body>
<script type="text/javascript">
/** 
JavaScript 数据类型概述JavaScript 语言中定义了
三种基本数据类型:数字、文本字符串和布尔值。其中数字类型包含了浮点数。
此外,JavaScript 还支持两种特殊的小数据类型:null(空值)和 undefined(未定义)。这两种类型各自仅包含一个唯一的值。
同时,JavaScript 也支持复合数据类型,即对象(object)。需要注意的是,数组在 JavaScript 中也被视为一种对象。
此外,JavaScript 还定义了一种特殊的对象类型:函数(function)。值得注意的是,函数在 JavaScript 中本身也是一种数据类型,这体现了其强大的特性。
除了函数和数组之外,JavaScript 语言的核心还定义了一些专用的内置对象,例如:Date、RegExp、Error 等。
*/ 
/** 
基本数据类型三种基本数据类型
*/ 
var $num = 111;
var $str = "aaabbbccc";
var $b = false;
document.write("javascript中的各种数据类型:");
document.write("<br/>$num的类型: "+typeof $num);//number
document.write("<br/>$str的类型: "+typeof $str);//string
document.write("<br/>$b的类型: "+typeof $b);//boolean
/** 
特殊小数据类型两种小数据类型
*/ 
var x ;
document.write("<br/>x的数据类型:"+typeof x);//undefined
var bbb = !x;//true
document.write("<br/>bbb的数据类型:"+typeof bbb);//boolean
document.write("<br/>两种小数据类型:"+typeof null+","+typeof undefined);//object,undefined
/** 
函数类型特殊数据类型:函数
*/ 
function myFun(x){//..............aaa处
return x*x;
} 
var myFunFun = function(x){//..............bbb处
return x*x;
} 
alert(myFun);//aaa处
alert(myFunFun);//bbb处
document.write("<br/>myFun,myFunFun的类型: "+typeof myFun+","+typeof myFunFun);//function,function
/** 
对象与数组对象数据类型,以下三种方式
*/ 
//第一种方式:通过构造基本对象,为对象添加属性来达到
var obj = new Object();
obj.name = "yangjiang";
obj.sex = "sex";
//第二种方式:利用对象直接量
var ooo = {};
ooo.name = "yangjiang";
ooo.sex = "sex";
//第三种方式:定义类型(有点像JAVA语言中的类):此种方式最常用
function People(name,sex){
this.name = name;
this.sex = sex;
} 
var oooo = new People("yangjiang","sex");
//以下输出三种方式的结果
document.write("<br/>obj的类型:"+typeof obj);//object
document.write("<br/>ooo的类型:"+typeof ooo);//object
document.write("<br/>oooo的类型:"+typeof oooo);//object
/** 
数组 也是一种对象
*/ 
var $array = [];
var $arrayA = ["aaa","bbb",111,false];
var $arrayB = new Array();
document.write("<br/>$array的数据类型:"+typeof $array);//object
document.write("<br/>$arrayA的数据类型:"+typeof $arrayA);//object
document.write("<br/>$arrayB的数据类型:"+typeof $arrayB);//object
</script>
</body>
</html>

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章