Comment JavaScript réalise-t-il que les types de base ont des propriétés et des méthodes comme les objets ?

Cet article vous apporte des connaissances pertinentes sur javascript, qui présente principalement des problèmes liés aux types de base ayant des propriétés et des méthodes comme des objets, y compris l'utilisation de types de base comme objets et constructeurs de types de base, etc. Jetons-y un coup d'œil ensemble, j'espère cela sera utile à tout le monde.

【Recommandations associées : Tutoriel vidéo javascript, front-end web】

"Méthodes de propriété" des types de base

Cet article explorera un concept extrêmement intéressant, à savoir les méthodes de propriété des types de base. Et si, êtes-vous un peu confus ? Laissez-moi vous expliquer lentement~

Avant-propos

Dans d'autres langages de programmation orientés objet, tels que Java, C++, les attributs sont un concept unique d'objets. type est le type de base et il n'y a pas de concept de méthodes d'attribut. Java、C++，属性是对象的独有概念，基础类型就是基础类型，是不存在属性方法概念的。

没错，又是JavaScript的馊主意，其引擎允许我们像操作对象一样使用属性方法操作基础类型的数据。

在讲解这个奇怪的特性之前，我们要先明确基础类型和对象类型之间的差别是什么？

1. 何为基础类型
   • JavaScript基础类型中的中一种值；
   • JavaScript中存在7种基础类型，分别是：String、Number、Boolean、BigInt、Symbol、null和undefined；
2. 何为对象类型
   • 一个数据包，使用{ }创建，能存储多个值；
   • JavaScript还有其他类型的对象，例如函数；

面向对象中会涉及，引入对象的一个关键特性是封装，它可以把各种乱七八糟的数据、方法统一的存储在一个对象中，从而降低使用的复杂性。

例如：

let user = {
    name : "xiaoming",
    hello() {
        console.log(`你好，我是${this.name}`);
    }}user.hello();

我们把对象user的属性和方法封装成了一个对象，这样在使用的时候就非常简单，我们只需要使用obj.attr的方式就能调用方法或者属性。

但是，这么做是由额外的开销的（面向对象有额外的开销），这也是面向对象的语言C++相比于C慢的地方。

基础类型当作对象使用

面临的问题

基础类型作为对象使用存在两个难以调和的问题：

1. 我们希望对基础类型的操作可以像使用对象一样，例如"abc".toUpperCase()；
2. 对象有额外开销，我们又希望保持基础类型的简单、高效特性；

解决的方法

JavaScript解决以上问题的方式相当的“和稀泥”：

1. 基础类型就是基础类型，提供独立的、单个的值；
2. 允许访问String、Number、Boolean和Symbol类型的方法和属性；
3. 为了保证理论的完整，在使用基础类型的方法和属性时，先将其包装成对象，随后在销毁；

以上规则的意思是，基础类型仍然是基础类型，但是呢，如果我们想访问基础类型的方法和属性，就会把基础类型包装成对象（对象包装器），等访问完了再销毁。讲真，听起来多少有点扯。

背后的事件

举个例子：

let name = "Trump";console.log(name.toUpperCase());//访问基础类型的方法

以上代码的执行结果如下：

看起好像也没什么大问题，但是，其中发生了很多事情，我们需要知道以下几点：

1. name是个字符串基础类型，它本身没啥特别的地方；
2. 在访问name属性方法的时候，创建了一个包含字符串值的特殊对象，这个对象有toUpperCase方法；
3. 调用特殊对象的方法toUpperCaseC'est vrai, c'est une autre mauvaise idée de JavaScript. Son moteur nous permet d'utiliser des méthodes de propriété pour manipuler des types de données de base comme des objets.
Avant d'expliquer cette étrange fonctionnalité, nous devons d'abord clarifier quelle est la différence entre les types de base et les types d'objets ?
Qu'est-ce qu'un type de base ?

JavaScript est une valeur dans le type de base
JavaScript existe dans 7 ; > Types de base, à savoir : String, Number, Boolean, BigInt, Symbol >, null et undefined ;

Quel est le type d'objet

Un paquet de données, créé en utilisant { } , peut stocker plusieurs valeurs ;

JavaScript a également d'autres types d'objets, tels que des fonctions

🎜🎜🎜Comme nous le verrons dans l'orientation objet, une caractéristique clé de l'introduction ; Les objets sont 🎜encapsulation 🎜, ils peuvent stocker toutes sortes de données et de méthodes désordonnées dans un seul objet, réduisant ainsi la complexité d'utilisation. 🎜🎜Par exemple : 🎜

console.log("abc".length);

🎜Nous encapsulons les propriétés et méthodes de l'objet user dans un objet, afin qu'il soit très simple à utiliser. Il suffit d'utiliser obj.attr<.> peut être utilisé pour appeler des méthodes ou des propriétés. 🎜🎜Cependant, cela implique une surcharge supplémentaire (l'orientation objet a une surcharge supplémentaire), et c'est également là que le langage orienté objet <code>C++ est plus lent que C. 🎜🎜Problèmes rencontrés lors de l'utilisation de types de base comme objets🎜🎜🎜🎜🎜🎜Il y a deux problèmes difficiles à concilier lors de l'utilisation de types de base comme objets : 🎜

🎜Nous espérons que les opérations sur les types de base pourront être comme l'utilisation d'objets , comme "abc".toUpperCase()

; 🎜🎜Les objets ont une surcharge supplémentaire, et nous souhaitons conserver les fonctionnalités simples et efficaces des types de base 🎜🎜🎜🎜Solution🎜🎜🎜 ; JavaScriptLa façon de résoudre les problèmes ci-dessus est assez "simple" : 🎜

🎜Le type de base est le type de base, fournissant une valeur unique et indépendante 🎜🎜permet d'accéder à String ; , Nombre, Booléen et Symbole de méthodes et de propriétés 🎜🎜Afin de garantir l'exhaustivité de la théorie, lors de l'utilisation des méthodes et ; propriétés des types de base, emballez-les d'abord dans L'objet est ensuite détruit 🎜🎜🎜La signification des règles ci-dessus est que le type de base est toujours un type de base, mais si nous voulons accéder aux méthodes et propriétés du type de base, le type de base sera enveloppé dans un objet (object wrapper), Détruisez-le une fois la visite terminée. Pour être honnête, cela semble un peu ridicule. 🎜🎜🎜Événements derrière🎜🎜🎜Par exemple : 🎜

console.log("abc".indexOf('b'));console.log("abc".indexOf('d'));

🎜Le résultat de l'exécution du code ci-dessus est le suivant : 🎜🎜🎜🎜Cela ne semble pas être un gros problème, mais beaucoup de choses se sont passées. Nous devons connaître les points suivants : 🎜
🎜name est un type de chaîne de base, et il n'a rien de spécial ; 🎜🎜Lors de l'accès à la méthode d'attribut name, un objet spécial contenant une valeur de chaîne est créé ; Méthode toUpperCase ; 🎜🎜Appelle la méthode d'un objet spécial toUpperCase pour renvoyer une 🎜nouvelle🎜 chaîne ; 🎜🎜L'objet spécial est détruit lorsqu'il est utilisé ; 🎜La valeur de la variable elle-même n'a pas changé. Des changements se sont produits comme suit : 🎜🎜🎜🎜🎜Le résultat d'un compromis🎜🎜Bien que la solution soit pleine de compromis (mauvaises idées), le résultat est toujours bon et les réalisations obtenues sont comme suit : 🎜
1. 基础类型保持了本身的简单、高效；
2. 基础类型通过特殊对象拥有了属性和方法；
3. 保持了理论的完整，即只有对象才有属性和方法；

理论上虽然如此，但实际上JavaScript引擎高度优化了这个过程，我怀疑它根本就没有创建额外的对象。只是在口头上表示自己遵循了规范，好像真的搞了个临时对象一样。

常用方法举例

本文只是简单的介绍基础类型方法的概念，并不对各种方法进行讲解，伴随着教程不断深入，会逐步涉及大量的方法。这里只简单的列举基础类型常用的一些方法和属性。

不同的基础类型，拥有不同的属性方法，以下分类列举：

String

1. length属性，返回字符串长度

   console.log("abc".length);

   以上代码结果如下：

   

2. indexOf(ch)方法，返回字符串中第一个字符ch的下标

   console.log("abc".indexOf('b'));console.log("abc".indexOf('d'));

   代码执行结果如下：

   

   当字符存在于字符串返回下标（从0开始计）,如果找不到就返回-1。

3. concat(str)方法，拼接两个字符串

   let str1 = "hello ";let str2 = "world!";console.log(str1.concat(str2));console.log(str1);console.log(str2);

   代码执行结果如下：

   

4. replace(str1,str2)方法，使用str2替换str1

   let str = "javascript";console.log(str.replace('java','996'));console.log(str);

   代码执行结果如下：

   

Number

1. toFixed(num)方法，四舍五入小数到指定精度

   console.log(9.3333333.toFixed(3));console.log(9.3333333.toFixed(0));

   代码执行结果如下：

   

2. toString()方法，转数字为字符串

   3.14.toString();//转为'3.14'console.log((8).toString(2));//转为二进制'1000'console.log((9).toString(2));//转为二进制'1001'console.log((996).toString(16));//转为16进制字符串'3e4'

   代码执行结果如下：

   

3. toExponential()方法，转为指数计数法

   console.log(3.1415926.toExponential());console.log(3.1415926.toExponential(2));console.log(3.1415926.toExponential(3));

   代码执行结果如下：

   

后继章节会展示更多的方法，这里就不过的赘述。

基础类型构造函数（不推荐使用的特性）

和Java一样，JavaScript可以通过new操作符，显式的为基础类型创建“对象包装器”，这种做法是极其不推荐的，这里提出，仅为了知识的完整性。

这种做法存在问题，举例如下：

let num = new Number(0);console.log(typeof num);console.log(typeof 0);

代码执行结果如下：



亦或者，在判断中会出现混淆：

let zero = new Number(0);if (zero) { // zero 为 true，因为它是一个对象
  console.log('true');}

代码执行结果如下：



同时，大家不要忘了，不带 new（关键字）的 String/Number/Boolean 函数可以将一个值转换为相应的类型：转成字符串、数字或布尔值（原始类型）。

例如：

console.log(typeof Number('123'));

注意：

null和undefined两种类型没有任何方法

本文小节

1. 除 null 和 undefined 以外的基础类型都提供了许多有用的方法；

2. 虽然JavaScript使用了妥协的实现方式，但取得了较为满意的结果，以较低的成本实现了基础类型的属性和方法调用；

【相关推荐：javascript视频教程、web前端】

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!