js 方法调用同一js的方法返回报错undefined_一文读懂js中的隐式类型转换

前言

今天来详细了解一下javascript中的隐式类型转换，通过在各种情况下发生的隐式类型的例子，来详细的了解隐式类型转换的过程。

如何转换-前置知识

1.对象类型转换

当对象类型进行类型转换时，会调用js内部一个方法toPrimitive， 此方法接收两个参数，一个参数为需要转换的对象，另一个方法接收一个期望类型，string或number。

• 当期望值为number时 会调用valueOf方法，如果返回的值不是原始值，则继续调用toString方法。
• 当期望值为string时 会调用toString方法，如果返回的值不是原始值，则继续调用valueOf方法。

valueOf方法

toString方法

2.原始类型转为number

3.原始类型转为string

4.其他类型转为boolean

什么情况下会发生隐式类型转换

1. +号

+号比较特殊，既可以当做算数运算符做加法，又可以当做字符串连接符

• 1.1 算数运算符 (除string类型外的原始数据类型进行加法运算时) 非数字类型，会转为数字类型

例：

1+null//11+undefined//NaN1+true//2true + null//1true + undefined//NaN

• 1.2 字符串连接符(string类型以及引用数据类型时) 非string类型会转为string类型

例：

[]+[]//""[]+{}//"[object Object]"true+[]//"true"true+{}//"true[object Object]"undefined+[]//"undefined"undefined + {}//"undefined[object Object]"

解析：

• 进行算术运算时，原始数据类型转为数字使用Number()方法(例如：null、boolean、undefined等)
• 进行字符串连接时，引用数据类型会调用自身toString方法，如果返回不是原始值，会继续调用自身valueOf方法，非引用数据类型：v.isString()如果是true，它将调用v.toString()。否则，它将值转换为字符串。

2. 除加号以外的算数运算符(- * /)

• 非数字类型会转为数字类型 如果是原始数据类型会调用Number()方法进行转换如果是引用数据类型会调用自身valueOf方法进行转换，如果转换后不是原始值，则会调用toString方法进行转换，如果转换后不是数字，则会调用Number()进行转换，如果转换后不是数字则会返回NaN。

10-'1'// 910-true// 910-[]//1010-null//1010-undefined//NaN10-{}//NaN

3.逻辑运算符(&& || ！)

• 非布尔类型会转为布尔类型 a&&b 如果a为true，则会返回b；如果a为false，则会返回aa||b 如果a为true，则会返回a；如果a为false则会返回b!a 如果a为布尔值，则直接取反，如果a为非布尔值，则会转换为布尔值然后取反引用数据类型转换为布尔值后总会是true

1&&2//2[]&&2//22&&{}//{}![]//false!{}//false

小技巧：

!!a，会直接将非布尔值转换为布尔类型的值。

!!{}//true!![]//true!!0//false

4.条件判断if()等

• 将括号内的值转为布尔类型

if({}){  console.log(1)}//1if(null){  console.log(1)}else{  console.log(2)}//2

5.比较运算符==、>、

• null与undefined进行==比较时不会进行转换，总返回true。
• 引用数据类型，会先转换为string(先调用valueOf，后调用toString)，再转换为number
• 如果==左右都是引用数据类型，会进行地址比较

undefined==null//true0==[]//true[]==[]//false 两个数组的地址指向不同

结尾

在众多的优秀框架方便我们开发的同时，还是需要多了解一些原生js的知识，打铁还需自身硬，共勉。