javascript对象转化为基本数据类型规则

原文: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对象转化为基本数据类型规则,布布扣,bubuko.com

时间: 05-25

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

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

大家都说JavaScript的属性多,记不过来,各种结构复杂不易了解.确实JS是一门入门快提高难的语言,但是也有其他办法可以辅助记忆.下面就来讨论一下JS的一大难点-对象布局,究竟设计JS这门语言的人当时是怎么做的?设计完之后又变成了什么? 我们来看一张图: 相信大家对这张图都不陌生了,构造函数有一个prototype属性指向其原型.相反原型也有一个constructor指向构造函数.与此同时实例也有一个constructor指向构造函数,这简直就是互相捆绑生怕找不到啊不是吗? 还有一个我们称之

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

大家都说JavaScript的属性多,记不过来,各种结构复杂不易了解.确实JS是一门入门快提高难的语言,但是也有其他办法可以辅助记忆.下面就来讨论一下JS的一大难点-对象布局,究竟设计JS这门语言的人当时是怎么做的?设计完之后又变成了什么? 我们来看一张图:  相信大家对这张图都不陌生了,构造函数有一个prototype属性指向其原型.相反原型也有一个constructor指向构造函数.与此同时实例也有一个constructor指向构造函数,这简直就是互相捆绑生怕找不到啊不是吗? 还有一个我们称

Web开发技术 ——JavaScript语法2(变量、数据类型、对象)

JavaScript 变量 变量是存储信息的容器. 实例 var x=2; var y=3; var z=x+y; 就像代数那样 x=2 y=3 z=x+y 在代数中,我们使用字母(比如 x)来保存值(比如 2). 通过上面的表达式 z=x+y,我们能够计算出 z 的值为 5. 在 JavaScript 中,这些字母被称为变量. 提示:您可以把变量看做存储数据的容器. JavaScript 变量 与代数一样,JavaScript 变量可用于存放值(比如 x=2)和表达式(比如 z=x+y). 变

JavaScript对象基础讲解

1.Object对象详解 javascript 里最基本的数据类型是对象. javaScript里的对象其实是一个无序的属性集合,属性又是一个个的名-值对. 除了字符串,数字,true,false,null或者undefined以外,其他所有的值在JavaScript里头都是对象. 对象是引用类型,如果变量x表示一个对象,当执行vary = x;语句后,实际上y和x指向的是同一个对象.所以,当你通过y改变对象的值,这种变化也会反映到x上. Object是在javascript中一个被我们经常使用

javascript 对象(四)

一.对象概述 对象中包含一系列的属性,这些属性是无序的.每个属性都有一个字符串key和对应的value. var obj={x:1,y:2}; obj.x; obj.y; 1.为什么属性的key必须是字符串 重点: 可见,字符串的1和数字1访问的都是同一个属性 不管把空对象作为一个key,还是用带有x属性的对象作为key,实际上javascript都会把它转化为字符串,会toString()一下再去处理.所以最终依然指向同样一个属性. 2.对象结构 1.对象属性的结构 对象的属性可以动态添加和删

JavaScript大杂烩5 - JavaScript对象的若干问题

1. 类型检查:instanceof与typeof 这是两个相似的操作符,instanceof用于检测函数的实例类型,主要是在面向对象编程中检查new出来的对象类型,需要注意instanceof是检查function对象的,前面实现的复制继承中的例子就不适用于使用instanceof来检查继承关系了.typeof,它用于检测变量的类型,在实际情况中应用的不是很多,稍微了解一下就可以了. 在使用typeof之前,有一点需要确认,那就是string与String不是同一个类型,这个不用多说了,我们前

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

× 目录 [1]查询 [2]设置 [3]删除[4]继承 前面的话 对于对象来说,属性操作是绕不开的话题.类似于“增删改查”的基本操作,属性操作分为属性查询.属性设置.属性删除,还包括属性继承.本文是对象系列的第二篇——属性操作 属性查询 属性查询一般有两种方法,包括点运算符和方括号运算符 var o = { p: 'Hello World' }; o.p // "Hello World" o['p'] // "Hello World" [注意]变量中可以存在中文,因

JavaScript对象类型详解

JavaScript对象类型详解 JavaScrtip有六种数据类型,一种复杂的数据类型(引用类型),即Object对象类型,还有五种简单的数据类型(原始类型):Number.String.Boolean.Undefined和Null.其中,最核心的类型就是对象类型了.同时要注意,简单类型都是不可变的,而对象类型是可变的. 什么是对象 一个对象是一组简单数据类型(有时是引用数据类型)的无序列表,被存储为一系列的名-值对(name-value pairs).这个列表中的每一项被称为 属性(如果是函

JavaScript 对象详解

1 创建对象的方法 最常见的创建对象方法是通过new调用构造函数,此外还有一个方法就是使用Object.create(),将一个原型对象作为参数传递给Object.create也可以创建一个继承了其属性的新对象.但是和使用new创建对象还有一点差别,那就是构造函数不会被调用.所以如果使用这种方法创建一个foo新对象,其foo.f是undefined的: function Foo(z) { this.f = z; } Foo.prototype.add = function(x, y) { ret