JS进阶之数据类型的转换

最新推荐文章于 2024-08-15 08:55:57 发布

PeaceCode

最新推荐文章于 2024-08-15 08:55:57 发布

阅读量72

点赞数

文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/weixin_50238437/article/details/125947226

版权

本文详细探讨了JavaScript中不同数据类型相加时的规则，包括基本数据类型如字符串、数字、NaN与其它类型的组合，以及复杂数据类型如何通过valueOf和toString方法转换为基本类型进行相加。举例说明了对象在加法运算中的隐式转换行为，并展示了如何通过重写对象的方法影响加法结果。内容深入浅出，有助于理解JavaScript中的类型转换和运算逻辑。

摘要由CSDN通过智能技术生成

文章目录

基本数据类型相加

字符串与其他类型

其他类型会优先转为字符串类型

console.log('zsy' + true) // 'zsytrue'

console.log(NaN + 'zsy')  // 'NaNzsy'

console.log('zsy' + undefined)  // 'zsyundefined'

数字与其他类型相加

console.log(1 + '1') // '11'

console.log(1 + true) // 2 

console.log(1 + false) // 1

console.log(1 + undefined) // NaN，undefined会转为NaN

console.log(Infinity + Infinity) // Infinity

console.log(-Infinity + (-Infinity)) // -Infinity

console.log(-Infinity + Infinity) // NaN

NaN与其他类型

console.log(1 + NaN) // NaN

console.log(NaN + NaN) // NaN

console.log(undefined + NaN) // NaN

console.log(null + NaN) // NaN

混合数据类型相加

如果+运算符的两侧存在复杂数据类型，那么复杂数据类型会调用自身的valueOf()或toString()转为基本类型
转换规则是这样的：如果该对象(复杂数据类型)更倾向于转换为number类型，那么就优先调用valueOf,如果更倾向于转换为string类型，那么就优先调用toString

console.log({} + true) // [object Object]true

重写对象的valueOf和toString方法

const foo = {
    toString() {
        return 'zsy'
    },
    valueOf() {
        return 1
    }
}
// alert(foo) // 弹出 'zsy',因为在调用alert的时候，此时的隐式转换倾向于将foo对象的toString方法，将foo转换为基本数据类型

console.log(foo + 1)  // 输出：2，此时的隐式转换则倾向于使用foo对象的valueOf方法，将foo转换为基本数据类型