javascript的数据检测总结

目录

• javaScript的数据检测
  • 1.typeof
    • 1.1-第一题
    • 1.2第二题
  • 2.instanceof
  • 3.constructor
  • 4.Object.prototype.toString.call()--------- 一个神奇的方法

---

javaScript的数据检测

1.typeof

1.1-第一题

检测数据类型的运算符

typeof 12;//'number'
typeof "ss"//'string'
...
typeof null;//object
typeof new RegExp('');//object

检测的结果又这六种：	number string undefined object function boolean

设置b的默认值

方式一：

function(a,b){
	if(typeof b==="undefined"){
		b=0;
	}else{
		b=b;
	}
}

方式2

	b=b||0

有区别

function(10,false);
//这个时候方式二的b的值也是0
//方式一的b的值是false

---

1.2第二题

function fn(callback){
	//typeof callback==="function"？callback():null;
	callback&&callback();
}

fn(functtin(){
	...
});

---

2.instanceof

检测某一个实例是否属于某个类

console.log([].instanceof Array);//true

局限性：

1 .不能用来处理和检测字面量方式创建出来的基本数据类型值

• 对于基本数据类型来说，字面量创将建出来的结果和实例创建出来的结果是有一定区别的；

  1. 严格意义上讲，只有实例创建出来的结果才是标准数据类型值，也是标准的Number的一个实例
  2. 对于字面量方式创建出来的结果是基本数据类型，不是严谨的实例，但由于js的松散的特点，导致其可以使用 Number.prototype的方法

  console.log(1 instanceof Number);//false
  
  console.log(new Number(1) instanceof Number);//true

---

2.instanceof的特性：只要在当前实例的原型链上，其检测结果都为true

[] instanceof Array//true
[] instanceof Object//true

fnunctin fn(){...}
fn instanceof Function//true
fn instanceof Object//true

---

3.在类的原型继承中，instanceof检测出来的结果未必准确

function Fn（）{
	...
}
Fn.prototype = new Array();//原型继承，让子类的原型指向父类的一个实例

let f =new Fn();
f instanceof Array;//true
f instanceof Function;//true

---

3.constructor

构造函数，作用和instanceof非常相似

let arr=[];
console.log(arr.constructor === Array);//true
console.log(arr.constructor === RegExp);//false

constructor可以用来检测基本数据类型

let a = 250;
console.log(a.constructor === Number);//true

constructor和instanceof检测Object的结果不一样

let reg =/\d/;
console.log(reg.constructor === RegExp);//true
console.log(reg.constructor === Object;//false
//false的原因是因为先找私有的，私有没有才会去找原型，私有已经有了，所以...

局限性：我们可以把类的原型进行重写，在重写的过程中很有可能把之前的constructor覆盖了，这样检测的结果就是不准确的

function Fn(){
	...
}
let f =new Fn();
console,log(f.constructor);//返回的是当前类的本身Fn
//继承后
Fn.prototype = new Array();//原型继承，让子类的原型指向父类的一个实例
console,log(f.constructor);//变成了Array

null和undefined他们的所属类是Null和Undefined，但是浏览器不让用

4.Object.prototype.toString.call()--------- 一个神奇的方法

首先获取Object原型上的toSting方法，然后让其执行，并且改变方法中的this关键字

• 1.对于Number、 String 、 Boolean 、 Array 、RegExp 、 Date 、 Function，他们的原型上的toString方法都是把当前的数据类型转为字符串

  (1).toString();//"1"
  
  [].troString();//''
  
  [1,2,3].toString()//"1,2,3"
  
  (false).toString();//"fales"
  
  ...

• 2.Math和{ }的toString执行的是Object.prototype上的toString方法
  
  作用是：返回当前执行主体（方法中的this）所属类 的详细信息

  Math.toSting();//[object Math]
  
  {}.toString();//[object Object]
  
  //[..]中的第一个object代表大行前实例是对象类型的数据（固定死的）
  
  //第二个参数表示的是第一个参数所属类是谁

根据这些个特点就有了

Object.prototype.toString.call(要检测的类或实列);

 console.log(Object.prototype.toString.call([]));//[object Array]