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的奥波杰克特 的方法