js基础学习之-js包装对象

时间：2023-03-09 15:50:59
js基础学习之-js包装对象 
     var test = "test";

         test.a = "hello";

     console.log(test.a); //undifined

定义：
在JavaScript中，“一切皆对象”，数组和函数本质上都是对象，就连三种原始类型的值——数值、字符串、布尔值——在一定条件下，也会自动转为对象，也就是原始类型的“包装对象”。
通俗来讲：
字符串，数值，字符串，这些单身狗看其它人都有对象，非常不爽，所以自己也搞了个对象，名字叫包装。

 console.log("hello world".length);

 console.log("this a string".indexOf("a"));

其实，在我们调用这些方法和属性时，JS内部已经隐式地帮我们帮创建了一个包装对象了，以上的实际的情形应该是这样的：

 console.log(new String("hello world").length);

 console.log(new String("this a string").indexOf("a"));

包装对象和显式创建对象的区别：

区别1：

二者是内容相等，但是存储空间地址不一样

 var a1 = "test",

     a2=new String("test");

 console.log(a1 == a2);//true

 console.log(a1 === a2);//false

区别2：
隐式创建的包装对象，在使用完后之后就会被抛弃了。简单来说就是，一个大大的负心汉，上完我，就抛弃，还重新去找其他对象。
拿我们开头的那道题来说：
test.a = "hello";
这里隐式创建了一个包装对象，所以这里赋值不会报错。
console.log(test.a);
这里之前的包装对象已经被抛弃了，但是使用了"."运算符，所以又创建一个新的包装对象，但是这个对象的属性a并没有赋值，所以属性a的值是undefined。

说到实际运用中，有的浏览器性能不是很好，比如说低版本IE，当频繁处理字符串时，效率会很低。所以很多时候，我们还不如直接显式地创建包装对象，防止浏览器过多地创建隐式的包装对象，提升性能。

 //不推荐使用种方法

 var example = "this is a example";

 //推荐使用这种方法，提升性能。

 var example2 = new String("this is a example");

相关文章