JavaScript基本/引用数据类型及判断方法

1. 常见的基本/引用数据类型

基本数据类型: NumberStringBooleanNullundefined。基本数据类型是按值访问的,可以直接操作保存在变量中的实际值。
引用数据类型: Object基本上除了基本数据类型都是引用数据类型,如ArrayFunctionDateRegExpError和自定义封装等Object类型(根类)。

2. 数据类型的判断

typeof, instanceof, constructor, Object.prototype.toString.call()

  1. typeof: 基本类型大部分都能被准确检测并返回正确的字符串(除了 Null 类型,其返回 object 字符串),而引用类型大部分都不能够被准确检测(除了 Function 类型能够准确返回 function 字符串外,其它的都返回了 object 字符串)。
  2. instanceof: instanceof 运算符用来测试一个对象在其原型链中是否存在一个构造函数的 prototype 属性。即判断对象是否是某一数据类型(如Array)的实例。只有引用数据类型(Array,Function,Object)被精准判断,其他(数值Number,布尔值Boolean,字符串String)等基本数据类型不能被instanceof精准判断

2.1 typeof

	console.log(typeof 7); // number
    console.log(typeof '7'); // string
    console.log(typeof false); // boolean
    console.log(typeof [false]); // object
    console.log(typeof function () {}); // function
    console.log(typeof {}); // object
    console.log(typeof undefined); // undefined
    console.log(typeof null); // object

2.2 instanceof

	console.log(7 instanceof Number); // false
    console.log('7' instanceof String); // false
    console.log(false instanceof Boolean); // false
    console.log([] instanceof Array); //true
    console.log(function () {} instanceof Function); // true
    console.log({} instanceof Object); // true
    // undefined is not a constructor
    // null is not a constructor

2.3 constructor

 	console.log((7).constructor === Number); // 全为true
    console.log(('7').constructor === String); //
    console.log(false.constructor === Boolean); //
    console.log((function () {}).constructor === Function); //
    console.log(({}).constructor === Object); //
    console.log(([]).constructor === Array); //

    function Test() {}
    Test.prototype = new Array();
    let f = new Test();
    console.log(f.constructor === Function) // false
    console.log(f.constructor === Test)  // false
    console.log(f.constructor === Array)  // true

2.4 Object.prototype.toString.call()

	let too = Object.prototype.toString;
    console.log(too.call(7)); // [object Number]
    console.log(too.call('7')); // [object String]
    console.log(too.call(false)); // [object Boolean]
    console.log(too.call([])); // [object Array]
    console.log(too.call({})); // [object Object]
    console.log(too.call(function () {})); // [object Function]
    console.log(too.call(undefined)); // [object Undefined]
    console.log(too.call(null)); // [object Null]
  • 2
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值