JS巩固-day1

1.基础类型存储在栈内存,被引用或拷贝时,会创建一个完全相等的变量
2.引用类型存储在堆内存,存储的是地址,多个引用指向同一个地址,这里会涉及一个“共享”的概念
3.数据类型检测
1.typeof : 检测基本类型时,null检测有误,检测到的类型为‘objec’
检测引用类型时,除了function会判断function类型以外,其他都是‘objec’,无法判断出来
2.instancof : new一个对象,通过instancof判断这个对象是否是之前那个构造函数生成的对象,这样就基本可以判断出这个新对象的数据类型
let Car = function(){}
let benz = new Car()
console.log(benz instanceof Car) //true
let car = new String(‘Medwdw dwdwdw’)
console.log(car instanceof String) //true
let str = ‘Covid-19’
console.log(str instanceof String) //false

实现一个intanceof的底层实现
function myInstanceof(left,right){
// 这里先用typeof来判断基础数据类型,如果是,直接返回false;
if(typeof left !== ‘object’ || left === null) return false;
//getProtypeOf时Object对象自带的API,能够拿到参数的原型对象
let proto = Object.getPrototypeOf(left);
while(true){ //循环往下寻找,直到找到相同的原型对象
if(proto === null) return false;
if(proto === right.prototype) return true; //找到相同原型对象,返回true
proto = Object.getPrototypeOf(proto);
}
}
console.log(myInstanceof(new Number(123),Number)) //true
console.log(myInstanceof(123,Number)) //false

3.typeof 和instancof的差异
1.instancof能准确地判断复杂引用数据类型,但是不能正确判断基础数据类型
2,而typeof也存在弊端,它虽然可以判断基础数据类型(null除外)。但是引用数据类型中,除了function类型以外,其他的也无法判断

4.Object.prototype,toString
toString() 是 Object 的原型方法,调用该方法,可以统一返回格式为 “[object Xxx]” 的字符串,其中 Xxx 就是对象的类型。对于 Object 对象,直接调用 toString() 就能返回 [object Object];而对于其他对象,则需要通过 call 来调用,才能返回正确的类型信息.

5.数据类型转换

Number() 方法的强制转换规则

如果是布尔值,true 和 false 分别被转换为 1 和 0;

如果是数字,返回自身;

如果是 null,返回 0;

如果是 undefined,返回 NaN;

如果是字符串,遵循以下规则:如果字符串中只包含数字(或者是 0X / 0x 开头的十六进制数字字符串,允许包含正负号),则将其转换为十进制;如果字符串中包含有效的浮点格式,将其转换为浮点数值;如果是空字符串,将其转换为 0;如果不是以上格式的字符串,均返回 NaN;

如果是 Symbol,抛出错误;

如果是对象,并且部署了 [Symbol.toPrimitive] ,那么调用此方法,否则调用对象的 valueOf() 方法,然后依据前面的规则转换返回的值;如果转换的结果是 NaN ,则调用对象的 toString() 方法,再次依照前面的顺序转换返回对应的值(Object 转换规则会在下面细讲)。

Boolean() 方法的强制转换规则

这个方法的规则是:除了 undefined、 null、 false、 ‘’、 0(包括 +0,-0)、 NaN 转换出来是 false,其他都是 true。

这个规则应该很好理解,没有那么多条条框框,我们还是通过代码来形成认知

隐式类型转换
凡是通过逻辑运算符 (&&、 ||、 !)、运算符 (+、-、*、/)、关系操作符 (>、 <、 <= 、>=)、相等运算符 (==) 或者 if/while 条件的操作,如果遇到两个数据类型不一样的情况,都会出现隐式类型转换。这里你需要重点关注一下,因为比较隐蔽,特别容易让人忽视。

下面着重讲解一下日常用得比较多的“==”和“+”这两个符号的隐式转换规则。

‘==’ 的隐式类型转换规则

如果类型相同,无须进行类型转换;

如果其中一个操作值是 null 或者 undefined,那么另一个操作符必须为 null 或者 undefined,才会返回 true,否则都返回 false;

如果其中一个是 Symbol 类型,那么返回 false;

两个操作值如果为 string 和 number 类型,那么就会将字符串转换为 number;

如果一个操作值是 boolean,那么转换成 number;

如果一个操作值为 object 且另一方为 string、number 或者 symbol,就会把 object 转为原始类型再进行判断(调用 object 的 valueOf/toString 方法进行转换)。

’+’ 的隐式类型转换规则

‘+’ 号操作符,不仅可以用作数字相加,还可以用作字符串拼接。仅当 ‘+’ 号两边都是数字时,进行的是加法运算;如果两边都是字符串,则直接拼接,无须进行隐式类型转换。

除了上述比较常规的情况外,还有一些特殊的规则,如下所示。

如果其中有一个是字符串,另外一个是 undefined、null 或布尔型,则调用 toString() 方法进行字符串拼接;如果是纯对象、数组、正则等,则默认调用对象的转换方法会存在优先级(下一讲会专门介绍),然后再进行拼接。

如果其中有一个是数字,另外一个是 undefined、null、布尔型或数字,则会将其转换成数字进行加法运算,对象的情况还是参考上一条规则。

如果其中一个是字符串、一个是数字,则按照字符串规则进行拼接。

Object 的转换规则

对象转换的规则,会先调用内置的 [ToPrimitive] 函数,其规则逻辑如下:

如果部署了 Symbol.toPrimitive 方法,优先调用再返回;

调用 valueOf(),如果转换为基础类型,则返回;

调用 toString(),如果转换为基础类型,则返回;

如果都没有返回基础类型,会报错。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值