• 在 JavaScript 中,我们能为原始类型添加一个属性或方法吗?


    原始类型的方法

    JavaScript 允许我们像使用对象一样使用原始类型(字符串,数字等)。JavaScript 还提供了这样的调用方法。我们很快就会学习它们,但是首先我们将了解它的工作原理,毕竟原始类型不是对象(在这里我们会分析地更加清楚)。

    我们来看看原始类型和对象之间的关键区别。

    一个原始值:

    • 是原始类型中的一种值。
    • 在 JavaScript 中有 7 种原始类型:stringnumberbigintbooleansymbolnullundefined

    一个对象:

    • 能够存储多个值作为属性。
    • 可以使用大括号 {} 创建对象,例如:{name: "John", age: 30}。JavaScript 中还有其他种类的对象,例如函数就是对象。

    关于对象的最好的事儿之一是,我们可以把一个函数作为对象的属性存储到对象中。

    let john = {
      name: "John",
      sayHi: function() {
        alert("Hi buddy!");
      }
    };
    
    john.sayHi(); // Hi buddy!
    

    所以我们在这里创建了一个包含 sayHi 方法的对象 john

    许多内建对象已经存在,例如那些处理日期、错误、HTML 元素等的内建对象。它们具有不同的属性和方法。

    但是,这些特性(feature)都是有成本的!

    对象比原始类型“更重”。它们需要额外的资源来支持运作。

    当作对象的原始类型

    以下是 JavaScript 创建者面临的悖论:

    • 人们可能想对诸如字符串或数字之类的原始类型执行很多操作。最好将它们作为方法来访问。
    • 原始类型必须尽可能的简单轻量。

    而解决方案看起来多少有点尴尬,如下:

    1. 原始类型仍然是原始的。与预期相同,提供单个值
    2. JavaScript 允许访问字符串,数字,布尔值和 symbol 的方法和属性。
    3. 为了使它们起作用,创建了提供额外功能的特殊“对象包装器”,使用后即被销毁。

    “对象包装器”对于每种原始类型都是不同的,它们被称为 StringNumberBooleanSymbol。因此,它们提供了不同的方法。

    例如,字符串方法 str.toUpperCase() 返回一个大写化处理的字符串。

    用法演示如下:

    let str = "Hello";
    
    alert( str.toUpperCase() ); // HELLO
    

    很简单,对吧?以下是 str.toUpperCase() 中实际发生的情况:

    1. 字符串 str 是一个原始值。因此,在访问其属性时,会创建一个包含字符串字面值的特殊对象,并且具有有用的方法,例如 toUpperCase()
    2. 该方法运行并返回一个新的字符串(由 alert 显示)。
    3. 特殊对象被销毁,只留下原始值 str

    所以原始类型可以提供方法,但它们依然是轻量级的。

    JavaScript 引擎高度优化了这个过程。它甚至可能跳过创建额外的对象。但是它仍然必须遵守规范,并且表现得好像它创建了一样。

    数字有其自己的方法,例如,toFixed(n) 将数字舍入到给定的精度:

    let n = 1.23456;
    
    alert( n.toFixed(2) ); // 1.23
    

    我们将在后面 Number 类型字符串 章节中看到更多具体的方法。

    构造器 String/Number/Boolean 仅供内部使用

    像 Java 这样的一些语言允许我们使用 new Number(1)new Boolean(false) 等语法,明确地为原始类型创建“对象包装器”。

    在 JavaScript 中,由于历史原因,这也是可以的,但极其 不推荐。因为这样会出问题。

    例如:

    alert( typeof 0 ); // "number"
    
    alert( typeof new Number(0) ); // "object"!
    

    对象在 if 中始终为真,因此此处的 alert 将显示:

    let zero = new Number(0);
    
    if (zero) { // zero 为 true,因为它是一个对象
      alert( "zero is truthy?!?" );
    }
    

    另一方面,调用不带 new(关键字)的 String/Number/Boolean 函数是完全理智和有用的。它们将一个值转换为相应的类型:转成字符串、数字或布尔值(原始类型)。

    例如,下面完全是有效的:

    let num = Number("123"); // 将字符串转成数字
    

    null/undefined 没有任何方法

    特殊的原始类型 nullundefined 是例外。它们没有对应的“对象包装器”,也没有提供任何方法。从某种意义上说,它们是“最原始的”。

    尝试访问这种值的属性会导致错误:

    alert(null.test); // error
    

    总结

    • nullundefined 以外的原始类型都提供了许多有用的方法。我们后面的章节中学习这些内容。
    • 从形式上讲,这些方法通过临时对象工作,但 JavaScript 引擎可以很好地调整,以在内部对其进行优化,因此调用它们并不需要太高的成本。

    作业题

    先自己做题目再看答案。

    我能为字符串添加一个属性吗?

    重要程度:⭐️⭐️⭐️⭐️⭐️

    思考下面的代码:

    let str = "Hello";
    
    str.test = 5;
    
    alert(str.test);
    

    你怎么想的呢,它会工作吗?会得到什么样的结果?

    答案:

    在微信公众号「技术漫谈」后台回复 10501 获取作业答案。


    现代 JavaScript 教程:开源的现代 JavaScript 从入门到进阶的优质教程。React 官方文档推荐,与 MDN 并列的 JavaScript 学习教程

    在线免费阅读:https://zh.javascript.info


    微信扫描下方二维码,关注公众号「技术漫谈」,订阅更多精彩内容。

  • 相关阅读:
    误区30日谈25-30
    误区30日谈21-24
    误区30日谈16-20
    误区30日谈11-15
    误区30日谈6-10
    eclipse如何导入java项目文件
    Spring配置bean文件的底层实现方式
    hibernate中get,load,list,iterate的用法及比较
    MySQL数据库的事务管理
    单元格样式
  • 原文地址:https://www.cnblogs.com/leviding/p/13993006.html
Copyright © 2020-2023  润新知