JavaScript中的Primitive对象封装介绍

 更新时间:2014年12月31日 09:55:19   投稿:junjie  
这篇文章主要介绍了JavaScript中的Primitive对象封装介绍,本文着重讲解封装过程,然后给出示例代码,需要的朋友可以参考下

JavaScript中,string、number、boolean均为primitive基本类型,也即字符串、数值、布尔值并不是以对象的形式而存在的。不过,由于需要对这三种primitive类型值进行操作,因此JavaScript会自动封装这三种类型的值,使其作为对象而拥有属性与方法。以string为例,这种封装过程如下:

1.当JavaScript遇到对string值进行属性访问或者方法调用时,会调用new String(字符串值)自动将该string封装成一个String对象。
2.JavaScript会访问这个新创建的对象的属性或者方法,并返回相应的结果。
3.属性访问或者方法调用结束后,JavaScript将立即销毁这个新创建的对象。

以下面的代码为例,对JavaScript自动创建的String对象进行属性写入操作没有任何意义,因为这个创建出来的对象在写入语句结束后就不复存在了:


复制代码 代码如下:

var s = "test";
s.length = 9;
console.log(s.length);//still 4
s.newVariable = 9;
console.log(s.newVariable);//undefined
console.log(s === "test");//true

值得注意的是,上述代码中的s变量所表示的永远是primitive的字符串,JavaScript所自动创建的字符串对象存在于执行s.length或者s.newVariable操作的过程中。这可以从以上实验的最后一行代码中得到验证。

除了对Primitive值进行自动封装,开发人员也可以选择手动进行相应的过程。与自动封装不同的是,手动封装所得到的对象并不会被立即销毁,因此针对手动封装的对象所采取的属性写入操作是有意义的:


复制代码 代码如下:

var t = new String("test");
t.length = 9;
console.log(t.length);//still 4, as length attribute is read only
t.newVariable = 9;
console.log(t.newVariable);//9

console.log(t == "test");//true
console.log(t === "test");//false

相关文章

  • javascript和jquery中cookie的设置方法

    javascript和jquery中cookie的设置方法

    Cookie 是浏览器访问服务器后,服务器传给浏览器的一段数据。浏览器需要保存这段数据,不会轻易删除(保存在计算机中)。此后每次浏览器访问该服务器,都必须带上这段数据。这篇文章主要介绍了javascript和jquery中cookie的设置方法
    2023-07-07
  • 在JavaScript中使用for循环的方法详解

    在JavaScript中使用for循环的方法详解

    在本文中,我们将学习 JavaScript 中提供,的 for 循环,我们将了解如何在 JavaScript 中使用 for...in 循环语句、其语法、工作原理示例、何时使用或避免使用它以及我们可以使用哪些其他类型的循环,需要的朋友可以参考下
    2023-07-07
  • layui点击弹框页面 表单请求的方法

    layui点击弹框页面 表单请求的方法

    今天小编就为大家分享一篇layui点击弹框页面 表单请求的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-09-09
  • 一个关于JS操作符in问题引发的探究

    一个关于JS操作符in问题引发的探究

    这篇文章主要给大家介绍了一个JS操作符in问题引发的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2021-04-04
  • js+html5实现canvas绘制圆形图案的方法

    js+html5实现canvas绘制圆形图案的方法

    这篇文章主要介绍了js+html5实现canvas绘制圆形图案的方法,涉及html5图形绘制的基础技巧,需要的朋友可以参考下
    2015-06-06
  • JavaScript实现登录窗体

    JavaScript实现登录窗体

    这篇文章主要为大家详细介绍了JavaScript实现登录窗体,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-06-06
  • 原生js实现改变随意改变div属性style的名称和值的结果

    原生js实现改变随意改变div属性style的名称和值的结果

    在本文将为大家介绍下如何用原生js和jQuery实现随意改变div属性,和重置,具体实现如下,感兴趣的朋友可以参考下,希望对大家有所帮助
    2013-09-09
  • js 计算图片内点个数的示例代码

    js 计算图片内点个数的示例代码

    这篇文章主要介绍了js 计算图片内点个数的示例代码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-04-04
  • JavaScript 中的12种循环遍历方法【总结】

    JavaScript 中的12种循环遍历方法【总结】

    本文给大家总结了12种JavaScript 中的1循环遍历方法,每种方法通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2018-05-05
  • 微信小程序实现表单校验功能

    微信小程序实现表单校验功能

    微信小程序最难实现的公共业务是什么?应该是表单校验,这篇文章主要介绍了微信小程序如何实现表单校验功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-08-08

最新评论