本文摘自PHP中文网,作者青灯夜游,侵删。
js变量转为字符串的方法:1、使用“value.toString()”语句,toString()可以将js值(null和undefined除外)转换为字符串;2、使用“"" + value”语句;3、使用“String(value)”语句。

本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。
javascript将变量转换为字符串的3种方法如下:
value.toString()"" + valueString(value)
当value为null或者undefined时,第1种方法就不行了。而方法2和方法3基本上是一样的。
""+value: 将value与空字符串相加,即可将其转换为字符串。这种方法其实是一种稍微晦涩的技巧,可能会让别人难于理解开发者的意图。不过,这一点见仁见智,有些人偏爱这种方法。
String(value): 这种方法非常清晰:使用String()函数将value转换为字符串。不过,String()有两种不同用法,容易混淆,尤其对于Java开发者来说。当String()和运算符new一起作为构造函数使用时,它返回一个新创建的String对象;当不用new运算符调用String()时,它只把value转换成原始的字符串。这两者是非常不同的:
1 2 3 4 5 6 7 8 9 10 |
|
事实上,将String()作为构造函数使用并不常见,因此仅使用它来转换字符串就好了。
“”+value与String(value)的细微差别
""+value与String(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如下:
相关阅读 >>
除了 async 速度翻 10 倍,javascript 还带来了什么?
更多相关阅读请进入《javascript》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者