原文:Object-to-Primitive Conversions in JavaScript

对象转化为基础数据类型,其实最终都是用调用对象自带的valueOf和toString两个方法之一并获得其返回值,作为其基础数据类型。

基础数据类型包括这么几种:null, undefined, number, boolean, string

内部实现机制

但是什么时候调用valueOf,什么时候调用toString,却困惑了很长一段时间。

var obj = {
toString: function () {
return 'test';
}
}

以alert(obj)为例,我们知道,alert(obj)会优先调用obj的toString方法,其内部实现机制是这样的:

  1. alert调用该引用的GetValue方法,返回它所指向的对象
  2. alert该值的基础上调用toString方法(这个跟对象的toString方法不同)
  3. toString在该值上调用toPrimitive方法,传递hint参数为string(是toPrimitive方法的一个参数)
  4. toPrimitive调用对象的内部方法[[DefaultValue]],并传递hint参数为string
  5. [[DefaultValue]]调用对象(obj)的toString方法,并把this指向该对象
  6. toString的结果是一个基本数据类型,返回该值
  7. 结果是一个字符串类型,将其返回该alert
  8. alert展现这个值

我们注意到,最开始的GetValue和toString其实是alert调用的方法,对象转化的核心方法其实是toPrimitive,这个方法获取一个任意值,并返回一个基础数据类型,如果传入的参数不是一个基础数据类型,将会调用对象内部的 [[DefaultValue]]方法获取其default value(默认值)。

[[DefaultValue]]是每个对象都有的一个内部方法,这个方法可以接收一个形参hint,这个形参的值要么是string,要么是number,如果为空,则默认为number,除非该对象是Date,Date的该方法默认传入的是string(作者说这很愚蠢)。之后会决定是调用对象的toString方法还是调用对象的valueOf方法。如果hint是number,则优先调用valueOf方法,否则优先调用toString方法。

具体过程如下(我们把优先调用的方法叫做方法一):

  1. 如果方法一存在,而且可以被调用,则调用它获取结果,否则跳到第3步
  2. 如果1的结果是基本类型,返回它
  3. 如果方法二存在,而且可以被调用,则调用它获取结果,否则跳到第5步
  4. 如果第三步的结果是基础数据类型,返回它
  5. 抛出TypeError异常

也就是说,toPrimitive方法返回的一定是一个基本数据类型,否则就抛出类型错误异常

对于加操作的困惑

var foo = {
toString: function () {
return "foo";
},
valueOf: function () {
return 5;
}
}; alert(foo + "bar"); // 5bar
alert([foo, "bar"].join("")); // foobar

在这个操作中,加操作并没有像我们理所当然的想法那样调用toString方法,获取字符串,反而是调用了valueOf,然后进行字符串组合,这不是我们想要的,但是它确实是这样的。

注:以前我的想法更荒谬,我以为对象会根据基本数据类型进行转化,比如obj + 5,我以为会在obj转化为基本数据类型的过程中同时会将该值转化为数字……

要理解该过程,就该理解加操作的计算过程:

  1. 计算加号左边,获取其值
  2. 计算加号右边,获取其值
  3. 两边同时调用toPrimitive方法,hint参数为空
  4. 如果任意一个类型为string,跳到第7步
  5. 将两个值转化为数字(调用ToNumber)
  6. 返回两个值之和
  7. 将两个值转化为字符串(调用ToString)
  8. 返回两个值的组合

可以看到,hint参数为空,而如果对象不是Date对象,则hint默认为number,即调用toString方法

javascript对象转化为基本数据类型规则的更多相关文章

  1. js中对象转化成字符串、数字或布尔值的转化规则

    js中对象可以转化成 字符串.数字.布尔值 一.对象转化成字符串: 规则: 1.如果对象有toString方法,则调用该方法,并返回相应的结果:(代码通常会执行到这,因为在所有对象中都有toStrin ...

  2. 15条规则解析JavaScript对象布局(__proto__、prototype、constructor)

    大家都说JavaScript的属性多,记不过来,各种结构复杂不易了解.确实JS是一门入门快提高难的语言,但是也有其他办法可以辅助记忆.下面就来讨论一下JS的一大难点-对象布局,究竟设计JS这门语言的人 ...

  3. javascript--15条规则解析JavaScript对象布局(__proto__、prototype、constructor)

    大家都说JavaScript的属性多,记不过来,各种结构复杂不易了解.确实JS是一门入门快提高难的语言,但是也有其他办法可以辅助记忆.下面就来讨论一下JS的一大难点-对象布局,究竟设计JS这门语言的人 ...

  4. JavaScript中对象转换为原始值的规则

    JavaScript中对象转换为原始值遵循哪些原则? P52 对象到布尔值对象到布尔值的转换非常简单:所有的对象(包括数字和函数)都转换为true.对于包装对象亦是如此:new Boolean(fal ...

  5. 第六章:Javascript对象

    对象是javascript的基本数据类型.对象是一种复合值.它将很多值(原始值 或者其他对象)聚合在一起.可通过名字访问这些值.对象也可以看做是属性的无序集合,每个属性都有一个名/值.属性名是字符串, ...

  6. JavaScript对象(来自百度知道)

    JavaScript中对象的创建有以下几种方式: (1)使用内置对象(2)使用JSON符号(3)自定义对象构造 一.使用内置对象 JavaScript可用的内置对象可分为两种:1,JavaScript ...

  7. Javascript对象基础讲解

    1.Object对象详解 javascript 里最基本的数据类型是对象. avaScript里的对象其实是一个无序的属性集合,属性又是一个个的名-值对. 除了字符串,数字,true,false,nu ...

  8. 深入理解javascript对象系列第二篇——属性操作

    × 目录 [1]查询 [2]设置 [3]删除[4]继承 前面的话 对于对象来说,属性操作是绕不开的话题.类似于“增删改查”的基本操作,属性操作分为属性查询.属性设置.属性删除,还包括属性继承.本文是对 ...

  9. 第一百零七节,JavaScript基本包装类型,数据类型的方法

    JavaScript基本包装类型,数据类型的方法 学习要点: 1.基本包装类型概述 2.Boolean类型 3.Number类型 4.String类型 为了便于操作基本类型值,ECMAScript提供 ...

随机推荐

  1. AngularJS-MVC

    前言: 编程是一个很苦恼的工作,因为需要我们不断的去学习,不断的去专研,我本身就不是一个很喜欢学习的孩子,要不然从小到大也没有成绩好过,但是,我从来没有缺少过勤奋,还是让我们言归正传来说下 我们这段时 ...

  2. MyEclipse 8.5配置Tomcat 7.0

    MyEclipse 8.5配置Tomcat 7.0 在窗口(Windows)->首选项(Prefrences)->MyEclipse->Servers->Tomcat 6.x下 ...

  3. G-nav-03

    /*dele masthead.css style*/.masthead .navigation .btn.btn-masthead.btn-apply:after { content: ''; di ...

  4. iOS开发小技巧--利用运行时得到隐藏的成员变量

    一.关于运行时,已经从网络上摘抄了一片文章,这里只有项目中自己的简单使用 -- 查找隐藏的成员变量 导入头文件 可以获得隐藏的成员变量,方法,属性等 代码: 打印效果图:

  5. 【HDU 1009】FatMouse' Trade

    题 Description FatMouse prepared M pounds of cat food, ready to trade with the cats guarding the ware ...

  6. firefox(ff)下无法显示bootstrap图标问题的解决方案(转)

    原文链接: http://www.th7.cn/web/html-css/201502/82548.shtml 后在网上搜到了解决方案,在此分享以供各位遇到问题的同好参考:在ff的地址栏中输入“abo ...

  7. 【poj2983】 Is the Information Reliable?

    http://poj.org/problem?id=2983 (题目链接) 一个SB错误TLE了半个小时... 题意 一条直线上有n个点,给出m条信息,若为P则表示点A在点B的北方X米,若为V则表示A ...

  8. [NOIP2008] 提高组 洛谷P1155 双栈排序

    题目描述 Tom最近在研究一个有趣的排序问题.如图所示,通过2个栈S1和S2,Tom希望借助以下4种操作实现将输入序列升序排序. 操作a 如果输入序列不为空,将第一个元素压入栈S1 操作b 如果栈S1 ...

  9. NOIP2005提高组 过河

    题目描述 在河上有一座独木桥,一只青蛙想沿着独木桥从河的一侧跳到另一侧.在桥上有一些石子,青蛙很讨厌踩在这些石子上.由于桥的长度和青蛙一次跳过的距离都是正整数,我们可以把独木桥上青蛙可能到达的点看成数 ...

  10. 一个完整的编译器前端-A.1 源语言

    这个语言的一个程序由一个块组成,该块中包含可选的声明和语句.语法符号basic表示基本类型. program –> block block   –> { decls stmts } dec ...