JS中字符串背后的秘密

简介: 小时候以为自己长大后能文武双全,有安邦济世能,可谁知道误入歧途,从此走上了一条不归之路,成了如今这个样子,既学之则安之,看看技术博客,写写代码,简简单单就这样穷其一生! 做技术的不容易呀,一个小小的问题可能被折磨半天,解决问题更不容易,瞬间解决不了,客户不知道在心里都骂了多少遍了,谁能明白咱的心呀…… 说几句悲观的,接下来就应该喜从悲来,一旦问题解决,那个心情,那个感觉,何止千言万语。

小时候以为自己长大后能文武双全,有安邦济世能,可谁知道误入歧途,从此走上了一条不归之路,成了如今这个样子,既学之则安之,看看技术博客,写写代码,简简单单就这样穷其一生!

做技术的不容易呀,一个小小的问题可能被折磨半天,解决问题更不容易,瞬间解决不了,客户不知道在心里都骂了多少遍了,谁能明白咱的心呀……

说几句悲观的,接下来就应该喜从悲来,一旦问题解决,那个心情,那个感觉,何止千言万语。

关于JS中是不是一切都是对象这句话,其实是有争议的。例如,我们可以直接在通过单引号或双引号定义的字符串字面量上调用方法:

  

 "this is liuyu".length

 

这个是能获取正确的结果的,我们知道一般带个点前面的都可以认为是对象,因为这里得到了正确的答案,说明字符串的确是个对象,但是问题在于没有通过构造函数而是直接使用字面量的字符串又算不算对象呢?我这不是废话吗,上面明显都有答案了,能调用属性或方法的当然是对象了。是的,我们看到的的确是这样,但事实又是如何呢?

       事实就是,通过字面量定义的字符串并不是对象,或者最多只能说它是个伪对象,因为当在字符串字面量上调用方法或属性时,程序会在背后默默的创建一个与这个字面量的值相等的临时字符串对象,然后再在这个临时对象上调用属性或方法,最后把结果返回去,这个临时字符串对象完成使命后也随之会被销毁。还有一个有力的证据就是,你可以在字符串字面量上添加一个属性,或者是改变一个属性值,但结果是无法成功的:

  var s = "this is  liuyu";         
    s.name = "liuyu ";          
   alert(s.name);

 

得到undefined的原因是,s.name 这个属性是加在了程序偷偷创建的那个临时字符串对象上(可能导致内存泄露),但我们无法得到这个临时字符创对象的引用,而且这个临时字符串对象很快就被销毁了。所以给字符串字面量添加属性或改变属性值是没有任何意义的,因为它根本不会受到影响。

 还有一个证据就是使用typeof操作符告诉我们字符串的类型为“string”,是与“object”类型完全不同的。那么,为什么字符串能够使用对象操作符呢?

实际上,这三个主原始数据类型(数值,字符串及布尔)每一个都有其对应的对象类。JavaScript中不仅提供了数值型,字符串型及布尔型,它还提供了数值类,字符串类及布尔类。这些类将对应的原始数据类型包装了起来,它不但拥有其原始数据值,而且还定义了属性和操作值的方法。JavaScript能够很灵活的转换各种数据类型。当你访问一个字符串的属性或方法时,JavaScript内部会自动创建其包装对象。这个字符串包装对象将替换原始字符串值,它拥有已定义的属性和方法,所以这样的使用方法是正确的。

var s="this is liuyu";//这是一个原始数据值

var S=new String("this is liyu");//这是一个字符串对象

 

字符串在需要的时候会自动的转换为字符串对象。当你对S使用+运算符时,一个对应的原始字符串值将被创建,以便执行运算。
记住,这里讨论的所有内容都同样作用于数值型和布尔型。最后一点,所有的数值,字符串及布尔都可以通过Object()函数转换成其对应的对象:
var number_wrapper=Object(22)
相关文章
|
1月前
|
JavaScript 前端开发
用JavaScript正则表达式匹配对应字符串高亮显示,并过滤掉空格、<、>等HTML节点符号
用JavaScript正则表达式匹配对应字符串高亮显示,并过滤掉空格、<、>等HTML节点符号
|
1月前
|
JavaScript 前端开发 索引
JavaScript中与字符串相关的方法
JavaScript中与字符串相关的方法
|
2天前
|
JavaScript 数据处理 索引
js字符串截取
js字符串截取
8 2
|
6天前
|
存储 JavaScript 前端开发
JavaScript字符串方法详解
JavaScript字符串方法详解
16 0
|
6天前
|
SQL 缓存 JavaScript
深入解析JavaScript中的模板字符串
深入解析JavaScript中的模板字符串
14 1
|
6天前
|
JavaScript 索引
js字符串操作的方法
js字符串操作的方法
11 0
|
6天前
|
JavaScript 前端开发 索引
js关于字符串的方法
js关于字符串的方法
10 0
|
6天前
|
JavaScript 前端开发
js关于字符串的方法
js关于字符串的方法
10 0
|
6天前
|
开发框架 JavaScript .NET
Js字符串操作函数大全
Js字符串操作函数大全
10 1
|
7天前
|
JavaScript 前端开发 索引
js操作字符串的方法
js操作字符串的方法
14 2