抽象轻松JavaScript

重磅推出3.0版本,valueOf()的全新3.0比较版本

更新内容,去除了枯燥的拆解流程,以目的实践为主,并且与tostring()目的相同对比

目的------取值!

valueOf()与toString()

两者的目的是相同的,区别于原理

前者返回原始值(全称原始类型的值------包括了数值,字符串,布尔),后者返回字符串

例子

javascript 复制代码
let i = 718;
    let z = "七月十八";
    console.log(typeof i,typeof z);//输出number,string
    console.log(typeof i.valueOf(),typeof i.toString());//输出number,string
    console.log(typeof z.valueOf(),typeof z.toString());//string string

    let arr =[1,2,3];
    let obj ={name : "秋刀鱼",sex : "鱼"}
    console.log(typeof arr,typeof obj);//object object
    console.log(typeof arr.valueOf(),typeof arr.toString());//object string
    console.log(typeof obj.valueOf(),typeof obj.toString());//object string

通过上面的例子你会发现,后者的tostring不管什么类型返回的都是字符型,而valueof()j就不会这样

上面的内容为第一点

第二点

使用限制

首先是valueOf(),如果对象,数组没有原始值(原始类型的值)那么就会返回本身

其次toString(),会发现,对象输出两个object字符串,而数组是内容

原因:这是toString()的一个机制,对obj的一个特殊的机制,是一个正常现象

PS:目前不做解决方案

javascript 复制代码
    let obj = {name :"秋刀鱼",Id :"1034"}
    console.log(obj.valueOf());//输出{name: '秋刀鱼', Id: '1034'}
    console.log(obj.toString());//[object Object]
    let arr = ["抽刀","断水"];
    console.log(arr.valueOf());//(2) ['抽刀', '断水']
    console.log(arr.toString());//抽刀,断水

小结:

两个的目的的都是取值,但是没办法直接作用于对象,数组(数组tostring可以)

有一些内置对象是可以通过这个来输出的!例如date()

相关推荐
想躺平的咸鱼干20 分钟前
Volatile解决指令重排和单例模式
java·开发语言·单例模式·线程·并发编程
雪碧聊技术34 分钟前
深入解析Vue中v-model的双向绑定实现原理
前端·javascript·vue.js·v-model
Owen_Q38 分钟前
Denso Create Programming Contest 2025(AtCoder Beginner Contest 413)
开发语言·算法·职场和发展
·云扬·1 小时前
【Java源码阅读系列37】深度解读Java BufferedReader 源码
java·开发语言
打不着的大喇叭1 小时前
uniapp的光标跟随和打字机效果
前端·javascript·uni-app
liulilittle1 小时前
C++ i386/AMD64平台汇编指令对齐长度获取实现
c语言·开发语言·汇编·c++
Sun_light2 小时前
6个你必须掌握的「React Hooks」实用技巧✨
前端·javascript·react.js
爱学习的茄子2 小时前
深度解析JavaScript中的call方法实现:从原理到手写实现的完整指南
前端·javascript·面试
百锦再2 小时前
重新学习Vue中的按键监听和鼠标监听
javascript·vue.js·vue·计算机外设·click·up·down
优雅永不过时_v2 小时前
基于vite适用于 vue和 react 的Three.js低代码与Ai结合编辑器
前端·javascript