抽象轻松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()

相关推荐
jqq6663 分钟前
Vue3脚手架实现(七、渲染eslint配置)
前端·javascript·vue.js
Mintopia4 分钟前
BVH:光线追踪里的空间管家
前端·javascript·计算机图形学
Mintopia10 分钟前
Three.js 射线拾取原理:像素世界的侦探故事
前端·javascript·计算机图形学
Zhen (Evan) Wang12 分钟前
(豆包)xgb.XGBRegressor 如何进行参数调优
开发语言·python
虾球xz26 分钟前
CppCon 2018 学习:THE MOST VALUABLE VALUES
开发语言·c++·学习
天天鸭43 分钟前
写个vite插件自动处理系统权限,降低99%重复工作
前端·javascript·vite
江城开朗的豌豆1 小时前
Vue-router方法大全:让页面跳转随心所欲!
前端·javascript·vue.js
阿蒙Amon1 小时前
C#扩展方法全解析:给现有类型插上翅膀的魔法
开发语言·c#
江城开朗的豌豆1 小时前
Vue路由动态生成秘籍:让你的链接'活'起来!
前端·javascript·vue.js
晓得迷路了1 小时前
栗子前端技术周刊第 88 期 - Apache ECharts 6.0 beta、Deno 2.4、Astro 5.11...
前端·javascript·echarts