JS的数据类型

一、JavaScript 数据类型：

基本数据类型     和     引用数据类型（复杂类型）。

基本数据类型：数字（number）、字符串（string)、布尔值（boolean）、undefined(未定义)

空值（null）、symbol（唯一值）、bigInt（大数字）

引用数据类型：对象（Object）、函数（Function）、数组（Array）、RegExp（正则）,在 JavaScript 中，数组、函数都属于对象类型。

正则引用数据类型 正则是js的内置类， 正则是处理字符串的，他是跟字符串相互配合使用。

在js中Object是一个基类

     object:       {}: 空对象        []: Array         /^$/: RegExp（正则）       new Date: 日期

二、数据类型的判断

1.   通过typeof()可以检测变量的数据类型，只能判断基本数据类型，判断引用数据类型 都返回object

var a = 1;
console.log(typeof a);//number
 
var  b= undefined;
console.log(typeof b);//undefined
 
var c = null;
console.log(typeof c);//object，（null返回对象）。
 
var d = new Object();
console.log(typeof d);//object
 
var e = [1,2,3];
console.log(typeof e);//object 
 
var f = function(){
 //函数
}
console.log(typeof f);//function

所有NaN的操作，都会返回NaN，NaN不等于自己

var ab = "a1";
console.log(ab/10);// NaN
console.log(NaN == NaN);// false;

//isNAN==is Not a Number的意思，不是数字返回true，是数字返回false。

parseInt() //将值转换为整型，用的比较多；

parseFloat() //将值转换为浮点型。

2.  通过instanceof 知道数据类型才可以判断，跟要判断数据类型的变量，instanceof Array

console.log(arr instanceof Array ); // true
console.log(date instanceof Date ); // true
console.log(fn instanceof Function ); // true
// instanceof 后面是对象类型，注意大小写

3.根据对象的contructor判断

constructor是构造函数prototype对象上的属性,根据实例对象寻找属性，若实例对象上没有实例属性或方法时，就去原型链上寻找。

//定义
var num  = 123;
var str  = 'abc';
var booln = true;
var arr  = [1, 2, 3, 4];
var obj = {name:'wenzi', age:25};
var fun = function(){ console.log('this is function'); }
var udf  = undefined;
var nul  = null;
var date = new Date();
var reg  = /^[0-9]*$/;
var error= new Error();

function qaz(){
  
}
var wsx= new qaz();



//判断
console.log(
    wsx.constructor==qaz,
    num.constructor==Number,
    str.constructor==String,
    booln.constructor==Boolean,
    arr.constructor==Array,
    obj.constructor==Object,
    fun.constructor==Function,
    date.constructor==Date,
    reg.constructor==RegExp,
    error.constructor==Error
);
//都为true
// undefined和null没有constructor属性

4.通过Object中的toString.call()方法判断

原生js最全能的数据类型判断 "[object 数据类型]"

console.log(Object.prototype.toString.call(123)); //[object Number]
console.log(Object.prototype.toString.call('abc')); //[object String]
console.log(Object.prototype.toString.call(true)); //[object Boolean]
console.log(Object.prototype.toString.call(undefined)); //[object Undefined]
console.log(Object.prototype.toString.call({})); //[object Object]
console.log(Object.prototype.toString.call([])); //[object Array]
console.log(Object.prototype.toString.call(function(){})); //[object Function]



var aaa = function () {

  }
  var obj22 = {
    a: 10
  }
  var obj11 = {
    a: 10
  }
  var arr11 = [2, 343, 4, 324, ]
  console.log(Object.getPrototypeOf(obj11));
  console.log(Object.keys(obj11).length);
  // 判断数据类型
  Function.prototype.isFunction = function (e) {
    let ccc = Object.prototype.toString.call(e).replace(/^\[object (\S+)\]$/, '$1')
    if (Object.prototype.toString.call(e).replace(/^\[object (\S+)\]$/, '$1') == "Object") {
      console.log(true, ccc);
    } else {
      console.log(false, ccc);
    }
  }
  Function.isFunction(obj22)

三、基本数据类型和引用数据类型的区别

  堆(内存) Heap 存储计算所用的数据 仓库

  栈(内存) Stack 存贮计算过程空间 先进先出 先进后出

基本数据类型存储在栈中，引用数据类型存储在堆中。

引用数据类型存储的是该对象在栈中引用，真实的数据存放在堆内存里。

基本数据类型以外的都是对象，数据是对象，函数是对象，正则表达式是对象。

四、基本数据类型和引用数据类型在内存中怎样执行

let a1 = 10; // 栈内存
let a2 = "abc" // 栈内存
let a3 = null; // 栈内存
let b = { x: 1 }; // 变量b保存在栈中，内容{ x: 1 }作为对象存在于堆中
let c = [1, 2, 3]; // 变量c保存在栈中，内容[1, 2, 3]作为对象存在于堆中

这是一个浅拷贝，改变了内存的指向。

let a = { x: 10, y: 20, z: 30}
let b = a;
b.x = 5;
console.log(a.x); // 5