《JavaScript面向对象精要》——1.8 原始封装类型
本节书摘来自异步社区《JavaScript面向对象精要》一书中的第1章,第1.8节,作者:【美】Nicholas C. Zakas 译者: 胡世杰 更多章节内容可以访问云栖社区“异步社区”公众号查看。
1.8 原始封装类型JavaScript中一个最让人困惑的部分可能就是原始封装类型的概念。原始封装类型共有3种(String、Number和Boolean)。这些特殊引用类型的存在使得原始类型用起来和对象一样方便。(如果你不得不用独特的语法或切换为基于过程的编程方式来获取一个子字符串,那就太让人困惑啦)。
当读取字符串、数字或布尔值时,原始封装类型将被自动创建。例如,下列代码第一行,一个原始字符串的值被赋给name。第二行代码把name当成一个对象,使用点号调用了charAt方法。
var name = "Nicholas"; var firstChar = name.charAt(0); console.log(firstChar); // "N"
这是在背后发生的事情如下。
// what the JavaScript engine does var name = "Nicholas"; var temp = new String(name); var firstChar = temp.charAt(0); temp = null; console.log(firstChar); // "N"
由于第二行把字符串当成对象使用,JavaScript引擎创建了一个字符串的实体让charAt(0)可以工作。字符串对象的存在仅用于该语句并在随后被销毁(一种称为自动打包的过程)。为了测试这一点,试着给字符串添加一个属性看看它是不是对象。
var name = "Nicholas"; name.last = "Zakas"; console.log(name.last); // undefined
这段代码试图给字符串name添加last属性。代码运行时没有错误,但是属性却消失了。到底发生了什么?你可以在任何时候给一个真的对象添加属性,属性会保留至你手动删除它们。原始封装类型的属性会消失是因为被添加属性的对象立刻就被销毁了。
下面是在JavaScript引擎中实际发生的事情。
// what the JavaScript engine does var name = "Nicholas"; var temp = new String(name); temp.last = "Zakas"; temp = null; // temporary object destroyed var temp = new String(name); console.log(temp.last); // undefined temp = null;
实际上是在一个立刻就被销毁的临时对象上而不是字符串上添加了新的属性。之后当你试图访问该属性时,另一个不同的临时对象被创建,而新属性并不存在。虽然原始封装类型会被自动创建,在这些值上进行instanceof检查对应类型的返回值却都是false。
var name = "Nicholas"; var count = 10; var found = false; console.log(name instanceof String); // false console.log(count instanceof Number); // false console.log(found instanceof Boolean); // false
这是因为临时对象仅在值被读取时创建。instanceof操作符并没有真的读取任何东西,也就没有临时对象的创建,于是它告诉我们这些值并不属于原始封装类型。
你也可以手动创建原始封装类型,但有某些副作用。
var name = new String("Nicholas"); var count = new Number(10); var found = new Boolean(false); console.log(typeof name); // "object" console.log(typeof count); // "object" console.log(typeof found); // "object"
如你所见,手动创建原始封装类型实际会创建出一个object,这意味着typeof无法鉴别出你实际保存的数据的类型。
另外,使用String、Number和Boolean对象和使用原始值有一定区别。例如,下列代码使用了Boolean对象,对象的值是false,但console.log(“Found”)依然会被执行。这是因为一个对象在条件判断语句中总被认为是true,无论该对象的值是不是等于false。
var found = new Boolean(false); if (found) { console.log("Found"); // this executes
手工创建的原始封装类型在其他地方也很容易让人误解,在大多数情况下都只会导致错误。所以,除非有特殊情况,你应该避免这么做。
JavaScript中的原始值与引用值 原始值与引用值 在JavaScript中包含两种不同类型的数据:原始值和引用值 原始值 :是指不包含任何引用的值(简单值),比如数字、字符串、布尔值、null和undefined。 引用值 :是指包含了一个引用的值,比如对象、数组、函数和方法。
《JavaScript启示录》——1.11 原始值(String、Number、Boolean)在被用做对象时就像对象 原始值被当作构造函数创建的一个对象来使用时,JavaScript会将其转换为一个对象,以便可以使用对象的特性(如方法),而后抛弃对象性质,并将它变回到原始值。下面的代码采用了原始值,并展示了将值作为对象使用时会发生什么事情。
《JavaScript启示录》——1.10 原始值比较采用值比较 可以通过比较原始值来确定其值在字面上是否相同。从逻辑上讲,如果将一个包含数值10的变量与另一个包含数值10的变量进行比较,JavaScript将会认为它们是相等的,因为10与10是相同的(即10===10)。
《JavaScript启示录》——1.9 如何存储和复制原始值 这里的重点是,原始值是作为不可细化的值进行存储和操作的。引用它们会转移其值。在上面的示例中,我们复制或者克隆了myString值并存储到myStringCopy变量中。当更新myString值时,myStringCopy值仍是旧myString值的副本。
《JavaScript启示录》 1.8 null、undefined、 string 、10、true和false等原始值不是对象 null和undefined都是非常简单的值,它们不需要构造函数,也没有使用new操作符来将自己创建为JavaScript值。欲使用null或undefined,只需将它们看做操作符来使用即可。从技术上来讲,从构造函数返回的字符、数字、布尔值并不是对象。
异步社区 异步社区(www.epubit.com)是人民邮电出版社旗下IT专业图书旗舰社区,也是国内领先的IT专业图书社区,致力于优质学习内容的出版和分享,实现了纸书电子书的同步上架,于2015年8月上线运营。公众号【异步图书】,每日赠送异步新书。
相关文章
- Win10系列:JavaScript 项目模板和项模板
- Javascript中数组的sort()和reverse()方法
- 第一百三十五节,JavaScript,封装库--拖拽
- 第一百三十二节,JavaScript,封装库--下拉菜单
- 第一百三十节,JavaScript,封装库--连缀
- [Javascript] Safely Access a Property on a JavaScript Array with Optional Chaining
- [Javascript] Conditionally spread entries to a JavaScript object
- [Javascript] Convert a Callback-Based JavaScript Function to a Promise-Based One
- [Javascript] Compose multiple functions for new behavior in JavaScript
- [Javascript] What is JavaScript Function Currying?
- JavaScript使用严格模式(Strict Mode)
- [Javascript] Understanding the .constructor property on JavaScript Objects
- [Javascript] Link to Other Objects through the JavaScript Prototype Chain
- 理解JavaScript中的事件处理
- 使用 JavaScript Promise 读取 Github 某用户的数据
- 微信程序开发系列教程(二)使用JavaScript给微信用户发送消息
- 【JavaScript变量】Javascript的全局变量&局部变量
- 【微搭低代码】Javascript基础教程-对象
- 【华为OD机试 2023】 最多获得的短信条数/云短信平台优惠活动(C++ Java JavaScript Python)
- 【华为OD机试 2023】 查找树中元素(C++ Java JavaScript Python)
- 【华为OD机试 2023】 字符串解密(C++ Java JavaScript Python)
- JavaScript基础(四)对象、数组、对象与数组的常用API