JS基本语法-JavaScript数据类型，数据类型的判断，undefined，Object，NULL，空类型

最新推荐文章于 2024-12-25 10:29:26 发布

原创最新推荐文章于 2024-12-25 10:29:26 发布 · 409 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

JavaScript笔记

这篇博客介绍了JavaScript中的数据类型，包括字符串、数字、布尔、数组、对象、空和未定义，并强调JavaScript不是强类型语言，所有数字都是浮点型。文章还提供了一个用于判断数据类型的函数`Type()`，并展示了在HTML页面中调用该函数的例子，验证了其正确性。

简介：

javascript中常用的数据类型有：

字符串（String）、数字(Number)、布尔(Boolean)、数组(Array)、对象(Object)、空（Null）、未定义（Undefined）。

JavaScript 不是强类型语言。与许多其他编程语言不同，JavaScript 不定义不同类型的数字，比如整数、短、长、浮点等等。

在JavaScript中，数字不分为整数类型和浮点型类型，所有的数字都是由浮点型类型。

1.数据类型举例：


var pi=3.14;     //数字
var person="John Doe"; //字符串
var answer='Yes I am!';//字符串
var arr=new Array();//数组
var carname; //Value = undefined

2，数据类型的判断（实现一个判断函数）：

datatype.js:

//功能：判断数据类型
//使用方式：
//let TypeFn = Type()
//console.log(TypeFn.isBoolean(false)) // true
function Type() {
    let typeFn = {}
    let typeList = ['Number', 'String', 'Boolean', 'Symbol', 'Undefined', 'Null', 'Object', 'Array', 'Function']
    typeList.forEach(type => {
        typeFn['is' + type] = obj => Object.prototype.toString.call(obj) === '[object ' + type + ']'
    })
    return typeFn
}

func3.html:

<!DOCTYPE html>
<html>
<!-- 必须引用js，才能调用js文件中的函数-->
<script src="./datatype.js"></script>
<body>

<h1>数据类型测试：</h1>
<p id="res">结果：</p>
<script>
	function datatype_test() {
		let TypeFn = Type()
	    console.log(TypeFn.isBoolean(false)) // true
	    console.log(TypeFn.isNumber(3)) // true
	    console.log(TypeFn.isString(3)) // fasle
	    var arr = new Array();
	    console.log(TypeFn.isArray(arr)) // true
	}
	datatype_test();
	
</script>

</body>
</html>

说明：在控制台可以看到结果是：