源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

Javascript中将变量转换为字符串的三种方法

  • 时间:2021-09-05 08:47 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:Javascript中将变量转换为字符串的三种方法
[b]前言[/b] 大家应该都知道,对于JavaScript,有3种不同方法可以将变量转换为字符串。这篇文章将详细介绍这些方法,并比较他们的优劣。下面话不多说了,来一起看看详细的介绍吧。 3种方法 [b]将变量转换为字符串的3种方法如下:[/b] [list] [*][code]value.toString()[/code][/*] [*][code]"" + value[/code][/*] [*][code]String(value)[/code][/*] [/list] 当value为null或者undefined时,第1种方法就不行了。而方法2和方法3基本上是一样的。 [code]""+value:[/code] 将value与空字符串相加,即可将其转换为字符串。这种方法其实是一种稍微晦涩的技巧,可能会让别人难于理解开发者的意图。不过,这一点见仁见智,有些人偏爱这种方法。 String(value): 这种方法非常清晰:使用[code]String()[/code]函数将value转换为字符串。不过,[code]String()[/code]有两种不同用法,容易混淆,尤其对于Java开发者来说。当[code]String()[/code]和运算符new一起作为构造函数使用时,它返回一个新创建的String对象;当不用new运算符调用[code]String()[/code]时,它只把value转换成原始的字符串。这两者是非常不同的:
> String("Fundebug") === new String("Fundebug")
false
> typeof String("Fundebug")
'string'
> String("Fundebug") instanceof String
false
> typeof new String("Fundebug")
'object'
> new String("Fundebug") instanceof String
true
事实上,将[code]String()[/code]作为构造函数使用并不常见,因此仅使用它来转换字符串就好了。 [b]“”+value与String(value)的细微差别[/b] [code]""+value[/code]与[code]String(value)[/code]都可以将value转换为字符串,它们是如何做到的呢?事实上,它们虽然结果相同,但是方法稍有区别。 [b]将primitive基本类型转换为字符串[/b] 两种方法都使用内部函数[code]ToString()[/code]将primitive基本类型转换为字符串。[code]ToString()[/code]函数在ECMAScript 5.1 (§9.8)中定义了,但是并不能直接使用,因此称作内部函数。下面的表格显示了[code]ToString()[/code]函数如何将primitive基本类型转换为字符串:
参数 结果
undefined "undefined"
null "null"
Boolean "true"或者 "false"
Number 将数字转换为字符串,例如: "1.765"
String 无需转换
[b]将Object转换为字符串[/b] 转换为字符串之前,两种方法都会先将Object转换为primitive。不同的是,""+value使用内部函数[code]ToPrimitive(Number)[/code] (除了date类型),而[code]String(value)[/code]使用内部函数[code]ToPrimitive(String) [/code]。 [list] [*][code]ToPrimitive(Number)[/code] : 先调用[code]obj.valueOf [/code],若结果为primitive则返回;否则再调用[code]obj.toString() [/code],若结果为primitive则返回;否则返回TypeError。[/*] [*][code]ToPrimitive(String)[/code] : 与[code]ToPrimitive(Number)[/code]类似,只是先调用[code]obj.toString() [/code],后调用[code]obj.valueOf()[/code] 。[/*] [/list] 可以通过以下示例了解区别,obj如下:
var obj = {
 valueOf: function()
 {
  console.log("valueOf");
  return {};
 },
 toString: function()
 {
  console.log("toString");
  return {};
 }
};
调用结果:
> "" + obj
valueOf
toString
TypeError: Cannot convert object to primitive value
> String(obj)
toString
valueOf
TypeError: Cannot convert object to primitive value
它们的结果相同 [code]""+value[/code]与[code]String(value)[/code]虽然不同,但是我们很少能感觉到。因为,大多数object使用默认的[code]valueOf() [/code],它返回对象本身:
> var x = {}
> x.valueOf() === x
true
由于[code]valueOf()[/code]返回值并非primitive,因此[code]ToPrimitive(Number)[/code]会跳过[code]valueOf()[/code] ,而返回[code]toString()[/code]的返回值。这样,与[code]ToPrimitive(String)[/code]的返回值就一样了。 当object是Boolean、Number或者String实例时,[code]valueOf()[/code]将返回primitive。这就意味着两者的计算过程是这样的: [list] [*][code]ToPrimitive(Number) [/code]:[code]valueOf()[/code]返回primitive值,然后使用[code]ToString()[/code]转换为字符串。[/*] [*][code]ToPrimitive(String)[/code] : [code]toString()[/code]通过[code]ToString()[/code]函数将primitive值转换为字符串。[/*] [/list] 可知,虽然计算过程不同,但是它们的结果是一样的。 [b]结论[/b] 那么你该选择哪种方法呢?如果你可以确保value值不是null和undefined,那么不妨使用[code]value.toString() [/code]。否则,你只能使用[code]""+value[/code] 和[code]String(value)[/code] ,它们基本上是一样的。 [b]总结[/b] 以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流,谢谢大家对编程素材网的支持。 [b]参考[/b] [list] [*][url=http://2ality.com/2011/03/javascript-values-not-everything-is.html]JavaScript values: not everything is an object[/url][/*] [*][url=http://2ality.com/2012/01/object-plus-object.html]What is {} + {} in JavaScript?[/url][/*] [*][url=http://2ality.com/2011/10/string-concatenation.html]String concatenation in JavaScript[/url][/*] [*][url=http://www.w3school.com.cn/jsref/jsref_obj_string.asp]JavaScript String 对象[/url][/*] [/list] 原文: [url=http://2ality.com/2012/03/converting-to-string.html]Converting a value to string in JavaScript[/url] 译者: [url=https://fundebug.com/]Fundebug[/url]
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部