JavaScript は、基本型にオブジェクトのようなプロパティやメソッドがあることをどのように認識するのでしょうか?

この記事では、javascript に関する関連知識を提供します。主に、オブジェクトとしての基本型の使用や基本的な Type コンストラクターなど、オブジェクトのようなプロパティとメソッドを持つ基本型に関する関連問題を紹介します。皆さんのお役に立てれば幸いです。

[関連する推奨事項: JavaScript ビデオ チュートリアル 、Web フロントエンド ]

「属性メソッド基本型 ''

この記事では、非常に興味深い概念、つまり基本型のプロパティ メソッドについて説明します。どうですか、少し混乱していますか？ゆっくりお話ししましょう~

序文

Java、C などの他のオブジェクト指向プログラミング言語では、属性はオブジェクトです。の概念があり、基本型は基本型であり、属性メソッドの概念はありません。

はい、これも JavaScript の悪いアイデアです。そのエンジンを使用すると、プロパティ メソッドを使用してオブジェクトなどの基本的なデータ型を操作できます。

この奇妙な機能を説明する前に、まず基本型とオブジェクト型の違いを明確にする必要があります。

1. 基本型とは
   • JavaScript基本型の値;
   • JavaScript に存在します 7 基本型、つまり String、Number、Boolean、BigInt、Symbol 、null および 未定義;
2. オブジェクト タイプとは何ですか
   • データ パケット、使用 { } 作成され、複数の値を保存できます;
   • JavaScript関数などの他のタイプのオブジェクトもあります;

オブジェクト指向について説明します。オブジェクト導入の重要な機能は カプセル化 で、これによりあらゆる種類の乱雑なデータとメソッドを 1 つのオブジェクトに格納できるため、使用の複雑さが軽減されます。

例:

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

オブジェクト user のプロパティとメソッドをオブジェクトにカプセル化するので、非常に簡単に使用できます。 obj.attr メソッドはメソッドまたはプロパティを呼び出すことができます。

ただし、これを行うと追加のオーバーヘッドが発生します (オブジェクト指向には追加のオーバーヘッドがあります)。オブジェクト指向言語 C が C よりも遅いのもこの点です。

基本型をオブジェクトとして使用する

直面する問題

基本型をオブジェクトとして使用する場合、調整が難しい 2 つの問題があります。

1. 基本型の操作が、"abc".toUpperCase();
"abc".toUpperCase()
2. ;

オブジェクトには追加のオーバーヘッドがあるため、オブジェクトを使用するのと同じようにできることを願っています。基本的な型を維持するため シンプルで効率的な機能;

解決方法

JavaScript

上記の問題を解決する方法は非常に「」 Harmony":
2. 基本タイプは、独立した単一の値を提供する基本タイプです。これにより、String、Number## へのアクセスが許可されます。 #, Boolean および Symbol
型のメソッドとプロパティ;
3. 理論の完全性を確保するために、基本型のメソッドとプロパティを使用する場合は、最初にオブジェクトにパッケージ化されてから破棄される;

上記のルールは、基本型が依然として基本型であることを意味しますが、基本型のメソッドとプロパティにアクセスしたい場合は、基本的な型をオブジェクト (オブジェクト ラッパー) に組み込み、訪問が完了した後にそれを破棄します。正直に言うと、それは少しばかげているように思えます。

#背後のイベント

例:

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

上記のコードの実行結果は次のとおりです:

## 大きな問題はないようですが、色々なことが起こったので以下の点を知っておく必要があります:

1. name は文字列です基本的なタイプです。特別なことは何もありません。
2. name 属性メソッドにアクセスすると、文字列値を含む特別なオブジェクトが作成されます。このオブジェクトには、toUpperCase が付いています。メソッド;
特殊オブジェクトのメソッドの呼び出し
3. toUpperCasenew 文字列を返します;
特殊オブジェクトは使い果たされると破棄されます;

変数自体の値は次のように変更されていません:

妥協の結果

ソリューションは完全ですがただし、妥協 (悪いアイデア) が多くありましたが、結果は依然として良好で、達成された成果は次のとおりです。

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前端】

以上がJavaScript は、基本型にオブジェクトのようなプロパティやメソッドがあることをどのように認識するのでしょうか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。