JavaScript深入浅出补充——（一）数据类型，表达式和运算符

2023-01-07 19:17:31

项目基本做完，在进行下一阶段学习之前先看视频学习回顾一下JavaScript

一、数据类型

JavaScript中有五种原始类型和一种对象类型

JavaScript弱类型语言中隐式转换

num-0

字符串减去0，可以将字符串变量num转化为数字

num+“”

数字变量串变量加上空字符串，可以将数字num转化为字符串

等于==

当==两边是字符串和数字的时候会尝试把字符串转化为数字

严格等于===

两边类型不同返回false

两边相同：

需要注意NaN和任何东西比较都不等于，和自己也不等于，NaN≠NaN

JavaScript中的比较是用引用去比较，而不是用值去比较，所以new Object≠new Object，即使他们长度和内容完全相同也是不相等的，因为他们不是完全相等的对象，只有定义一个对象x，让他和x去比较才是true，即使两个空对象也不是true

包装对象

首先我们定义一个字符串变量，然后定义一个变量对象，查看字符串，查看变量

尝试访问字符串的长度，给字符串加一个属性，成功，访问这个属性，找不到

JavaScript中有一个隐藏机制，当把一个基本类型尝试以对象的方式去使用它的时候，比如去访问他的长度属性，或者给他增加一些属性，JavaScript会把这样的基本类型转化为对应的包装类型对象，当完成这个访问后，这个临时对象会被销毁

类型检测

JavaScript中类型检测的方法有很多，比如

最常见的typeof，会返回字符串，适合函数对象和基本类型

需要注意的是typeof null会返回object，这是由于某些历史原因，因为曾经尝试让他返回null后造成了很多问题

typeof在判断基本类型或者函数对象时非常方便，但是在其他一些情况就会没有办法了，比如我们要判断一个对象是不是数组，用typeof会返回Object，对于判断对象类型我们更常用的是instanceof

instanceof是基于原型链去操作的一个运算符

instanceof期望左侧是一个对象，如果不是对象，是基本类型会返回false，期望右侧是一个函数对象或者说函数构造器，如果不是会抛出异常

instanceof的大概原理：判断左操作数的对象的原型链上是否有右边构造函数的prototype属性

任何一个构造函数都会有一个prototype对象属性，Javascript中对象的prototype属性的解释是：返回对象类型原型的引用。

instanceof 方法要求开发者明确地确认对象为某特定类型

实例：

 //instanceof 示例

 var oStringObject = new String("hello world");

 console.log(oStringObject instanceof String);   // 输出 "true"

 //这段代码问的是“变量 oStringObject 是否为 String 对象的实例？”oStringObject 的确是 String 对象的实例，因此结果是"true"。尽管不像 typeof 方法那样灵活，但是在 typeof 方法返回 "object" 的情况下，instanceof 方法还是很有用的。

 //instanceof 常规用法

 // 判断 foo 是否是 Foo 类的实例

 function Foo(){}

 var foo = new Foo();

 console.log(foo instanceof Foo)//true

 //instanceof 在继承中关系中的用法

 // 判断 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

 //instanceof 复杂用法

 console.log(Object instanceof Object);//true

 console.log(Function instanceof Function);//true

 console.log(Number instanceof Number);//false

 console.log(String instanceof String);//false 

 console.log(Function instanceof Object);//true 

 console.log(Foo instanceof Function);//true

 console.log(Foo instanceof Foo);//false