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

相关推荐
江梦寻4 分钟前
思科模拟器路由器配置实验
开发语言·网络·网络协议·学习·计算机网络
代码小鑫5 分钟前
A034-基于Spring Boot的供应商管理系统的设计与实现
java·开发语言·spring boot·后端·spring·毕业设计
熊的猫8 分钟前
DOM 规范 — MutationObserver 接口
前端·javascript·chrome·webpack·前端框架·node.js·ecmascript
天农学子8 分钟前
Easyui ComboBox 数据加载完成之后过滤数据
前端·javascript·easyui
mez_Blog9 分钟前
Vue之插槽(slot)
前端·javascript·vue.js·前端框架·插槽
爱睡D小猪11 分钟前
vue文本高亮处理
前端·javascript·vue.js
开心工作室_kaic14 分钟前
ssm102“魅力”繁峙宣传网站的设计与实现+vue(论文+源码)_kaic
前端·javascript·vue.js
放逐者-保持本心,方可放逐15 分钟前
vue3 中那些常用 靠copy 的内置函数
前端·javascript·vue.js·前端框架
IT古董15 分钟前
【前端】vue 如何完全销毁一个组件
前端·javascript·vue.js
Henry_Wu00117 分钟前
从swagger直接转 vue的api
前端·javascript·vue.js