博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JS中将变量转为字符串
阅读量:7040 次
发布时间:2019-06-28

本文共 2462 字,大约阅读时间需要 8 分钟。

译者按 语言的细枝末节了解一下就可以了,不需要太较真,不过如果一点也不知道的话,那就不太妙了。

  • 原文:
  • 译者:

为了保证可读性,本文采用意译而非直译。另外,本文版权归原作者所有,翻译仅用于学习。

对于JavaScript,有3种不同方法可以将变量转换为字符串。这篇博客将详细介绍这些方法,并比较他们的优劣。

3种方法

将变量转换为字符串的3种方法如下:

  1. value.toString()
  2. "" + value
  3. String(value)

valuenull或者undefined时,第1种方法就不行了。而方法2和方法3基本上是一样的。

  • ""+value: 将value空字符串相加,即可将其转换为字符串。这种方法其实是一种稍微晦涩的技巧,可能会让别人难于理解开发者的意图。不过,这一点见仁见智,有些人偏爱这种方法。

  • String(value): 这种方法非常清晰:使用String()函数将value转换为字符串。不过,String()有两种不同用法,容易混淆,尤其对于Java开发者来说。当String()和运算符new一起作为构造函数使用时,它返回一个新创建的String对象;当不用new运算符调用String()时,它只把value转换成原始的字符串。这两者是非常不同的:

> String("Fundebug") === new String("Fundebug")false> typeof String("Fundebug")'string'> String("Fundebug") instanceof Stringfalse> typeof new String("Fundebug")'object'> new String("Fundebug") instanceof Stringtrue

事实上,将String()作为构造函数使用并不常见,因此仅使用它来转换字符串就好了。

""+value与String(value)的细微差别

""+valueString(value)都可以将value转换为字符串,它们是如何做到的呢?事实上,它们虽然结果相同,但是方法稍有区别。

将primitive基本类型转换为字符串

两种方法都使用内部函数ToString()primitive基本类型转换为字符串。ToString()函数在ECMAScript 5.1 (§9.8)中定义了,但是并不能直接使用,因此称作内部函数。下面的表格显示了ToString()函数如何将primitive基本类型转换为字符串:

参数 结果
undefined "undefined"
null "null"
Boolean "true"或者 "false"
Number 将数字转换为字符串,例如: "1.765"
String 无需转换

将Object转换为字符串

转换为字符串之前,两种方法都会先将Object转换为primitive。不同的是,""+value使用内部函数ToPrimitive(Number)(除了date类型),而String(value)使用内部函数ToPrimitive(String)

  • ToPrimitive(Number): 先调用obj.valueOf,若结果为primitive则返回;否则再调用obj.toString(),若结果为primitive则返回;否则返回TypeError
  • ToPrimitive(String): 与ToPrimitive(Number)类似,只是先调用obj.toString(),后调用obj.valueOf()

可以通过以下示例了解区别,obj如下:

var obj = {    valueOf: function()    {        console.log("valueOf");        return {};    },    toString: function()    {        console.log("toString");        return {};    }};

调用结果:

> "" + objvalueOftoStringTypeError: Cannot convert object to primitive value> String(obj)toStringvalueOfTypeError: Cannot convert object to primitive value

它们的结果相同

""+valueString(value)虽然不同,但是我们很少能感觉到。因为,大多数object使用默认的****valueOf()****,它返回对象本身:

> var x = {}> x.valueOf() === xtrue

由于valueOf()返回值并非primitive,因此ToPrimitive(Number)会跳过valueOf(),而返回toString()的返回值。这样,与ToPrimitive(String)的返回值就一样了。

objectBooleanNumber或者String实例时,valueOf()将返回primitive。这就意味着两者的计算过程是这样的:

  • ToPrimitive(Number):valueOf()返回primitive值,然后使用ToString()转换为字符串。
  • ToPrimitive(String): toString()通过ToString()函数将primitive值转换为字符串。

可知,虽然计算过程不同,但是它们的结果是一样的。

结论

那么你该选择哪种方法呢?如果你可以确保value值不是nullundefined,那么不妨使用value.toString()。否则,你只能使用""+valueString(value),它们基本上是一样的。

参考

img_bb31b8cb2adb7b52a50d9e91733778b7.jpe

版权声明:

转载时请注明作者以及本文地址:

你可能感兴趣的文章
Nginx反向代理以及负载均衡配置
查看>>
巨头抢滩视频云 金山云稳坐头把交椅
查看>>
索尼富士康领投,AR显示技术厂商Digilens获得2200万美元融资
查看>>
Qt5 GUI 开发的应用易受远程代码执行漏洞的影响
查看>>
搞懂Java动态代理
查看>>
「镁客·请讲」NXROBO林天麟:我们分三步走,首先要做的就是打通机器人行业的产业链...
查看>>
Zcan无线扫描鼠标,滑哪扫哪
查看>>
NTKO使用说明
查看>>
django实现目录上传(最简单的方法)
查看>>
数组是同类型值的集合
查看>>
看透 : 解密身体语言隐藏的密码
查看>>
单例和原型模式-创建型
查看>>
还在吐槽VR的缺点?这些科技公司已经开始打脸了
查看>>
分布式消息队列中间件系列研究之阿堂教程(进阶篇)
查看>>
Linux常用快捷键
查看>>
无损音乐资源
查看>>
Foxmail配置IMAP账号
查看>>
linux下查看一个进程的启动时间和运行时间
查看>>
网页常用js代码汇集
查看>>
【HM】第9课:Cookie与HttpSession详解
查看>>