JS快速入门----数据类型与检测

74 阅读2分钟

本文解决的问题:

1.es5的数据类型

2.如何检测数据类型以及检测数据的方法(关键字)使用

3.知道 function、new typeof instanceof 关键字的用法

上一篇我们聊了变量,这一篇我们聊一下变量对应存储的数据类型

我们将数据类型分为基本类型(null、undefined、boolean、number、string)和

引用类型(object)

搜图

编辑

基础类型具体代码如下:(代码执行,打开谷歌浏览器按f12,点击console栏)

var num = 1;console.log(num); // number(数字)类型 打印出来:1

var str = '你好'; console.log(str); // string(字符串)类型 打印出来:'你好' 单引号或者双引号必须是因为字符

var isOpen = true;console.log(isOpen); // boolean(布尔)类型 打印出来:true

var und; console.log(und); // undefined 空类型 打印出来:undefined

var a = null;console.log(a) // null 空类型 打印出来:null

搜图

编辑

引用类型具体代码如下:

var obj = {};console.log(obj); // 常用是这种简写 或者 var obj = new Object()

// object(对象)类型 打印出来: {}

function func() {}; console.log(func); // function(函数类型) 打印出来: ƒ func() {}

var arr = []; console.log(arr); // array (数组类型) 打印出来: []

var date = new Date(); console.log(date); // Date(时间类型) 打印出来:当前时间

var reg= new RegExp(); console.log(reg); // Date(时间类型) 打印出来:/(?:)/ 默认正则表达式

搜图

编辑

那计算​是​怎么知道你申明的变量是哪种数据类型呢?

typeof 关键字检测

搜图

编辑

总结:1。Null 是对象未初始化属性的空指针

2。undefined是声明变量后未赋值

3。typeof只能检测基础类型

Instanceof 关键字检测

var num = 1;

var str = '你好';

var isOpen = true;

var und;

var a = null;

var obj = {};

function func() {};

var arr = [];

var date = new Date();

var reg= new RegExp();

console.log( num instanceof Number) // ture表示是 ,false是否,这个变量 num 是 数字类型吗

console.log( str instanceof String)

console.log( obj instanceof Object)

console.log( arr instanceof Array, arr instanceof Object)

console.log( date instanceof Date, date instanceof Date)

console.log( reg instanceof RegExp, reg instanceof RegExp)

console.log( isOpen instanceof Boolean)

console.log( und instanceof Undefined)

console.log( a instanceof Null)

搜图

编辑

总结 :

1. instanceof 只能检测引用数据类型

2。数组、函数、 时间、正则 都是继承对象的属性进行扩展,( 如同父母和孩子的关系,有共同的血缘但又是独立的个体)

第三种Object.prototype.toString.call 检测 (扛把子全能)

搜图

编辑

总结: 可以检测全数据类型

全文总结:

数据类型分为基本类型(null、undefined、boolean、number、string)和引用类型(object)

new(对象实例化), typeof instanceof (进行数据检测) 、function 申明一个函数

3.Object.prototype.toString.call(全能王检测)

更多文章可关注微信公众号:程序猿CSDN