JavaScript的数据类型

js数据类型有哪些:

基本数据类型(值类型):Number,String,Boolean,Undefined,Null,Symbol(es6新增第一五二的值)和Biglnt(es10新增的)

引用数据类型:Object.包含Object,Array,function,Data,RegExp.

 基本数据类型(六种)存在栈中

基本数据类型是指存放在(栈)中的简单数据段,数据大小确定,内存空间大小可以分配,他们是直接按值存放的,所以可以直接按值访问

1.Number数值类型

Number类型包含整数和浮点数,(浮点数数值必须包含一个小数点,且小数点后面至少有一个数字)两种值

注意:在js中浮点数的精度是17位,计算是二进制的计算数据,所以得到的不是整数

var num1 = 0.1;

var num2 = 0.2;

console.log(num1 + num2);   //0.30000000000000004

NaN:非数字类型,属于数值型基本数据类型

判断是否是Number类型

数值类型转换

Number()：可以用于任何的数据类型
parseInt：提取 整数数值
paseFloat：提取浮点数值

2.String字符串类型

3.Boolean布尔值类型

改值类型只有2个,true和false

转换为`boolean`:    `Boolean()`
Boolean(undefined):false

Boolean(null):false

Boolean(非空对象包括空数组[]和空对象{}):true

Boolean(非0): true || Boolean(0和NaN):false

Boolean(非空包括空格字符串):true || Boolean(''):false

[注意]true不一定等于1，false也不一定等于0

出现场景:

(1)  条件语句导致执行的隐士类转换

(2)  字面量或变量定义

类型转换：
Number(true): 1 　　　　|| 　　Number(false) : 0

String(true):'true' 　　　  || 　　String(false):'false'

4.Null 空对象指针类型

如果定了一个对象,初始化可以为null,因为null的基本类型是null,在if语句中默认转化为false,在和数值计算默认为0

出现场景:对象不存在

类型转换：
Booleam(null)  false

Number(num)  0

String(null)  'null'

Number(null) // 0

5.Undefined

申请了变量但是没有初始化,默认为Undefined,在if语句中默认转化为false,

类型转换：
Boolean(undefined):　 false
 
Number(undefined):　 NaN

String(undefined):　　'undefined'

6.Symbol

es6中新增的一个基本数据类型,表示唯一性

 let id1 = Symbol('id');
 let id2 = Symbol('id');
 console.log(id1 == id2);  //false

Symbol属性类型不支持  for....in和object.keys()

 let id = Symbol("id");
 let obj = {
  [id]:'symbol'
 };
 for(let option in obj){
     console.log(obj[option]); //空
 }

但是也能有方法去访问:Object.getOwnPropertySymbols

方法会返回一个数组,成员是当当前对象的所有用作属性名的Symbol值

console.log(Object.getOwnPropertySymbols(obj))
// [ Symbol(c) ]

引用数据类型:

引用数据类型也叫对象数据类型,包括function,object,array,RegExp等可以使用new创建的数据,又叫对象类型,他们存放在堆(heap)内存中的数据

特点:

• 引用类型的值可以改变
• 引用数据类型可以添加属性和方法
• 引用数据类型的赋值是对象引用
• 引用类型的比较是引用的比较
• 引用类型是同时保存在栈区中和堆区中的，引用类型的存储需要在内存的栈区和堆区中共同完成，栈区保存变量标识符和指向堆内存的地址

注意：在引用类型赋值时对象的引用，所以从一个变量向另一个变量赋值引用类型的值时，同样会将存在在变量中的对象的值赋值一份到新的变量分配的空间，引用类型保存在变量中的时对象在堆存在的地址，所以与基本数据类型的简单赋值不同，这个值的副本实际上时一个指针，而这个指针指向储存在堆内存的一个对象，那么赋值操作后，两个变量都保存了同一个对象的地址，而这个地址都指向同一个对象，因此改变其中任何一个变量，都会影响

在ECMAScript中,Object类型是所有他的实例的基础

object的每个实例都具有下列属性和方法

constructor：构造函数
hasOwnProperty(proertyName)
用于检查给定的属性在当前对象实例（而不是实例的原型）中是否存在。
isPropertyOf(Object)
用于检查其原型链的对象是否存在于指定对象的实例中，是则返回true，否则返回false。

var a = {} function Person() {} 

var p1 = new Person() // 继承自原来的原型，但现在已经无法访问  

var Person.prototype = a var p2 = new Person() // 继承a  

console.log(a.isPrototypeOf(p1)) // false a是不是p1的原型 

 console.log(a.isPrototypeOf(p2)) // true a是不是p2的原型  

console.log(Object.prototype.isPrototypeOf(p1)) // true  

console.log(Object.prototype.isPrototypeOf(p2)) // true

 propertyIsEnumerable(propertyName)
用于检查给定的属性是否可以用 for-in 语句进行枚举。
toLocaleString()
返回对象的字符串表示，该字符串与执行环境的地区对应。
toString()
返回对象的字符串表示。
valueOf()
返回对象的字符串、数值、布尔值表示。通常与toString()方法的返回值相同。

3.基本数据类型和引用数据类型的区别

总结基本数据类型和引用数据类型区别

1.声明变量时内存分配不同

原始类型:在栈中,因为占据空间是固定的,可以将他们存在较小的内存中--栈中,这样便于迅速查询变量的值

引用类型:存在堆中,栈中存储的变量,只是用来查找堆中的引用地址.

这是因为引用值的大小会改变,所以不能把他放在栈中,否则会减低变量查询的速度.相反,放在变量的栈空间中的值时该对象存储在堆中的地址,地址的大小是固定的,所以把它存储在栈中对变量性能无任何负面影响

2:不同的内存分配带来不同的访问机制

3:复制变量时的不同

(1) 原始值:在将一个保存着原始值的变量复制在给另一个变量,会将原始值的副本赋值给新变量此后这两个变量时完全独立的,他们只是拥有相同的value而已.

(2) 引用值:在将一个保存着对象内存地址的变量复制给另一个变量时，会把这个内存地址赋值给新变量，也就是说这两个变量都指向了堆内存中的同一个对象，他们中任何一个作出的改变都会反映在另一个身上。（这里要理解的一点就是，复制对象时并不会在堆内存中新生成一个一模一样的对象，只是多了一个保存指向这个对象指针的变量罢了）。多了一个指针
浅拷贝:

深拷贝:

4、参数传递的不同（把实参复制给形参的过程）

首先我们应该明确一点：ECMAScript中所有函数的参数都是按值来传递的。

但是为什么涉及到原始类型与引用类型的值时仍然有区别呢？还不就是因为内存分配时的差别。

1）原始值：只是把变量里的值传递给参数，之后参数和这个变量互不影响。

2）引用值：对象变量它里面的值是这个对象在堆内存中的内存地址，这一点你要时刻铭记在心！

因此它传递的值也就是这个内存地址，这也就是为什么函数内部对这个参数的修改会体现在外部的原因了，因为它们都指向同一个对象。

 

4.检测类型:

法一：typeof
最基本的判断方式，该操作符返回一个表示数据类型的字符串，number、string、boolean、object、function、undefined、symbol

‘undefined’ --未定义的变量或值

‘boolean’ --布尔类型的变量或值

‘string’ --字符串类型的变量或值

‘number’ --数字类型的变量或值

‘object’ --对象类型的变量或值，或者null(这个是js历史遗留问题，将null作为object类型处理)

‘function’ --函数类型的变量或值
 

     console.log(typeof a);    //'undefined'

    console.log(typeof(true));  //'boolean'

    console.log(typeof '123');  //'string'

    console.log(typeof 123);   //'number'

    console.log(typeof NaN);   //'number'

    console.log(typeof null);  //'object'    

    var obj = new String();

    console.log(typeof(obj));    //'object'

    var  fn = function(){};

    console.log(typeof(fn));  //'function'

    console.log(typeof(class c{}));  //'function'

• 法二：instanceof

运算符用来测试一个对象在其原型链中是否存在一个构造函数的 prototype 属性
语法：object instanceof constructor
（1）基础类型

let num = 1
num instanceof Number // false

num = new Number(1)
num instanceof Number // true

这两个都是一样的数值，为什么不一样？
因为instanceof 检测的是：检测目标的__proto__与构造函数prototype，相同返回true,不同返回false,对于string、boolean是一样的
注意：

new String(1) // String {"1"}
String(1) // "1"

(2) 继承关系的用法

// 判断 foo 是否是 Foo 类的实例 , 并且是否是其父类型的实例
 function Aoo(){}
 function Foo(){}
 Foo.prototype = new Aoo();//JavaScript 原型继承

 var foo = new Foo();
 console.log(foo instanceof Foo)//true
 console.log(foo instanceof Aoo)//true

(3) 复杂类型

(3) 复杂类型
let arr = []
arr instanceof Array // true
arr instanceof Object // true
Array.isArray(arr) // true

(4) 其他类型

let reg = new RegExp(//)
reg instanceof RegExp // true
reg instanceof Object // true

let date = new Date()
date instanceof Date // true
date instanceof Object // true

但是Fuction不一样

function A() {}
let a = new A()
a instanceof Function // false
a instanceof Object // true
A instanceof Function // true

本章内容图谱：

 

type检测基本数据类型是没问题的,除了null返回funfined
检测引用数类型返回的都是object 除了function返回的是function

instanceof只能检测引用数据类型,如果检测基本数据类型就会失败

constructor检测基本数据类型,null和undefined会报错,其他的都对

我们只能借用object的奥波杰克特   的方法