JS中令人發(fā)指的valueOf方法介紹

2024-05-06 14:19:32

字體：大中小

供稿：網(wǎng)友

彭老濕近期月報(bào)里提到了valueOf方法，興致來了翻了下ECMA5里關(guān)于valueOf方法的介紹，如下：

15.2.4.4 Object.prototype.valueOf ( )
When the valueOf method is called, the following steps are taken:
1. Let O be the result of calling ToObject passing the this value as the argument.
2. If O is the result of calling the Object constructor with a host object (15.2.2.1), then
a. Return either O or another value such as the host object originally passed to the constructor. The specific result that is returned is implementation-defined.
3. Return O.
規(guī)范里面的對(duì)于valueOf的解釋很短，大致為：調(diào)用ToObject方法（一個(gè)抽象方法，后面會(huì)講到），并將this的值作為參數(shù)傳入。

針對(duì)調(diào)用ToObject時(shí)傳入的不同參數(shù)（this），返回值分別如下：

1、this為宿主對(duì)象時(shí)，返回值取決于瀏覽器的實(shí)現(xiàn)，即不同瀏覽器的返回可能不同（關(guān)于宿主對(duì)象，可參考http://www.w3school.com.cn/js/pro_js_object_types.asp）
2、this不是宿主對(duì)象，則返回ToObject(this)的值

參數(shù)類型	返回結(jié)果
Undefined	拋出TypeError異常
Null	拋出TypeError異常
Number	創(chuàng)建一個(gè)Number對(duì)象，它內(nèi)部的初始值為傳入的參數(shù)值
String	創(chuàng)建一個(gè)String對(duì)象，它內(nèi)部的初始值為傳入的參數(shù)值
Boolean	創(chuàng)建一個(gè)Boolean對(duì)象，它內(nèi)部的初始值為傳入的參數(shù)值
Object	返回傳入的參數(shù)（無(wú)轉(zhuǎn)換）

根據(jù)Object.prototype.valueOf的定義，以及抽象方法ToObject的描述，可得下表

obj類型	Object.prototype.valueOf.call(obj)返回結(jié)果
Undefined	拋出TypeError異常
Null	拋出TypeError異常
Number	Number類型的對(duì)象，值等于obj
String	String類型的對(duì)象，值等于obj
Boolean	Boolean類型的對(duì)象，值等于obj
Object	obj對(duì)象本身

舉幾個(gè)具體的例子：
代碼如下:
var num = 123;
console.log(num.valueOf()); //輸出：123
console.log(num.valueOf()); //輸出：'number'

var unde = undefined;
console.log(Object.prototype.valueOf.call(unde)); //輸出：'TypeError: Cannot convert null to object'

var obj = {name:'casper'};
var linkObj = obj.valueOf();
linkObj.name = 'change';
console.log(linkObj.name); //輸出：'change' ...說明obj.valueOf()返回的是對(duì)象自身

實(shí)際上，上面沒有提到Array、Function對(duì)象，根據(jù)下面代碼可以猜想，當(dāng)Object.prototype.valueOf調(diào)用時(shí)，參數(shù)為Array、Function類型的對(duì)象時(shí)，返回的結(jié)果也為對(duì)象自身：
代碼如下:

上一篇：30分鐘就入門的正則表達(dá)式基礎(chǔ)教程

下一篇：JS等比例縮小圖片尺寸的實(shí)例