• 为什么基本类型可以调用方法——以字符串为例


    引用类型中的基本包装类型

    对于str.substring(2)这种方法我们经常使用,

    var str = "hello world";

    var s1 = str.substring(2); 

    可是str明明是个字符串(基本类型),又不是对象,为什么可以调用方法呢。。。。

    解释说明:

    当我们用str这个字符串调用方法时,后台已经为我们做了一系列操作,让我们来看看究竟都做了哪些操作呢

    当第二行代码访问str时,访问过程处于一种读取模式(即从内存中读取这个字符串的值),而在读取模式下访问字符串时,后台会做如下处理

    a.创建String类型的一个实例

    b.在实例上调用指定的方法

    c.销毁这个实例

    针对此处代码,可以想象是后台进行了如下处理

    var str = new String("hello world");

    var s1 = str.substring(2);

    str = null; 

    到此就解释了为什么字符串这个基本类型可以调用方法了。

    ———————————————分割线——————————————————

    接下来我们了解下基本包装类型,即用到的new String("hello world")

    为了便于操作基本类型,ECMAScript提供了三个特殊的引用类型:Boolean、Number和String。

    实际上,每当读取一个基本类型的值时,后台就会创建一个对应的基本包装类型的对象,就如上面的例子所示。

    引用类型和基本包装类型的区别

    主要是对象生存周期的不同

    a.使用new创建的引用类型的实例,在执行流离开当前作用域之前都一直保存在内存中,

    b.自动创建的包装类型的对象只存在于一行代码的执行瞬间,然后被立即销毁

    举个栗子

    var str = “hello world”;

    str.color = "red";

    alert(str.color);  //undefined

    第二行代码创建的String对象在执行第三行代码时已经被销毁,第三行代码又创建了自己的String对象,而该对象没有color属性。

    当然可以显示的调用String、Boolean和Number来创建基本包装类型的对象,但是再不是绝对必要的情况下不建议使用,这样很容易让人分不清楚是在处理基本类型还是引用类型的值。

    Object构造函数也会像工厂方法一样,根据传入值的基本类型返回相应基本包装类型的实例。例如

    var obj = new Object("hello world");

    alert(obj instanceof String ) ;   //true

    需要注意的是:

    使用new 调用基本包装类型的构造函数,与直接调用同名的转型函数是不一样的

    var value = “25”;

    var number = Number(value);   //转型函数

    alert(typeof number);   // "number"

    var obj = new Number(value);

    alert( typeof obj );    // "object"

    此处number中保存的是基本类型的值25

    obj中保存的是Number的实例

    ——参考《javascript 高级程序设计》第五章的第六节的基本包装类型

  • 相关阅读:
    在浏览器地址栏输入url的后的过程
    webpack的理解
    Vuex总结
    vue 中引用better-scroller实现横向轮播
    vue中类似于jq中的ele.addClass('class').siblings().removeClass('class')效果
    vue中星级判断函数
    ---redux---
    ---react-redux----
    ----flux----
    React组件
  • 原文地址:https://www.cnblogs.com/xue6666/p/9174995.html
Copyright © 2020-2023  润新知