JavaScriptはオブジェクトベースですか?

Javascript はオブジェクトベースであり、オブジェクトを作成するだけでなく、既存のオブジェクトを使用することもできるオブジェクトベースのスクリプト言語です。 JavaScript 標準のオブジェクトベースの定義: 言語とホストのインフラストラクチャはオブジェクトによって提供され、JavaScript プログラムは相互に通信するオブジェクトのコレクションです。

このチュートリアルの動作環境: Windows 7 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。

こんにちは、アリババ モバイル タオバオ フロントエンドの元責任者のウィンターです。この記事は、Geek Time のコラム「フロントエンドの学び直し」で JavaScript について説明した部分から抜粋したものです。

他の言語と比較すると、JavaScript の「オブジェクト」はいつもそれほど集合的ではないように見えます。初心者が JavaScript オブジェクト指向を学ぶとき、よく疑問に思うことがあります。JavaScript (ES6 まで) にはオブジェクトの概念があるのに、他の言語のようなクラスの概念がないのはなぜですか? JavaScript オブジェクトにはプロパティを自由に追加できるのに、他の言語には追加できないのはなぜですか?

一部の議論でも、JavaScript は「オブジェクト指向言語」ではなく、「オブジェクトベース言語」であると強調する人もいて、この主張はかつて広く流布しましたが、実際、私が持っている保持者は、これまでに遭遇したこの発言をする人は、「オブジェクト指向とオブジェクトベースをどのように定義するか」という質問に答えることができません。

実際、オブジェクトベースとオブジェクト指向という 2 つの形容詞は、JavaScript 標準のさまざまなバージョンに登場しています。まず、JavaScript 標準のオブジェクトベースの定義を見てみましょう。この定義の具体的な内容は次のとおりです: 「言語とホストのインフラストラクチャはオブジェクトによって提供され、ECMAScript プログラムは相互に通信するオブジェクトのコレクションです」 。」ここでの意味は、オブジェクト指向の意味が弱まったことを表現することではなく、言語にとってのオブジェクトの重要性を表現することです。

そこで、この記事では、JavaScript におけるオブジェクト指向とオブジェクト指向が何であるかを理解できるようにしていきます。

オブジェクトとは何ですか?

まず、オブジェクトとは何かについて話しましょう。翻訳の都合上、中国語の文脈で「オブジェクト」の本当の意味を理解することは困難です。実は、Object（オブジェクト）とは英語であらゆるものの総称であり、オブジェクト指向プログラミングの抽象的な考え方と共通点があります。中国語の「物」にはそれほど普遍性はなく、プログラミングを学ぶ過程で専門用語として理解するようになります。

しかし、何はともあれ、オブジェクトはコンピューター分野で何もないところから作成された概念ではなく、人間の思考パターンに従う抽象化であることを認識する必要があります (したがって、オブジェクト指向プログラミングも考慮されます: 詳細人間の心のプログラミングパラダイム)。

それでは、まず人間の思考モデルにおけるオブジェクトとは正確には何なのかを見てみましょう。

オブジェクトの概念は人間の幼少期に形成され、プログラミング ロジックで一般的に使用される値や手順などの概念よりもはるかに古いものです。子供の頃、私たちはいつも、最初に特定のリンゴが食べられることに気づき（ここでの特定のリンゴはオブジェクトです）、次にすべてのリンゴが食べられることに気づきます（ここにあるすべてのリンゴはクラスです）。私たちは 3 つのリンゴと 3 つの梨の関係に気づき、数字「3」（価値）の概念につながります。

触れたり見たりできるもの;
• 人間の知性によって理解できるもの;
• 思考や行動 (想像したり、行動を実行したり) を導くことができるもの。

ランタイムの観点からオブジェクトについて話す場合、JavaScript の実際の実行モデルについて話していることになります。これは、コードの実行ではランタイム オブジェクト モデルを回避する必要があるためです。ただし、幸いなことに、ランタイムの観点から見ると、そのようなことはありません。どの言語ランタイムでもクラスの概念は弱められているため、これらの「クラスベースの機能」に悩まされる必要はありません。

まず、JavaScript がオブジェクト モデルをどのように設計するかを見てみましょう。

JavaScript オブジェクトの特性

私の意見では、どのようなプログラミング言語を使用するとしても、まずオブジェクトの本質的な特性を理解する必要があります (Grandy Booch の「オブジェクト指向の分析と設計」を参照) 》）。要約すると、このオブジェクトには次のような特徴があります。

• オブジェクトは一意に識別可能です。まったく同じ 2 つのオブジェクトであっても、同じオブジェクトではありません。
• オブジェクトはステートフルです: オブジェクトには状態があり、同じオブジェクトが異なる状態になる可能性があります。
• オブジェクトには動作があります。つまり、オブジェクトの状態はその動作によって変化する可能性があります。

まず最初の特徴を見てみましょう。オブジェクトは一意に識別可能です。一般的に言えば、さまざまな言語におけるオブジェクトの一意の識別はメモリ アドレスに反映されます。したがって、JavaScript プログラマは、異なる JavaScript オブジェクトが実際には互いに等しくないことを知っています。次のコードを見ることができます。o1 と o2一見すると、これらは 2 つの同一のオブジェクトですが、出力される結果は false です。

var o1 = { a: 1 }; var o2 = { a: 1 }; console.log(o1 == o2); // false

オブジェクトの 2 番目と 3 番目の特性「状態と動作」については、言語によって抽象的に表現する用語が異なります。たとえば、C では「メンバー変数」と「メンバー関数」と呼びます。 ", Java では、これらを「プロパティ」と「メソッド」と呼びます。

JavaScript では、状態と動作は「プロパティ」に統合され、抽象化されます。JavaScript では関数が特別なオブジェクトとして設計されていると考えると (これについては後で詳しく説明します)、特に必要はありません。詳細はここで説明します)。そのため、JavaScript の動作と状態は属性を使用して抽象化できます。

実際に以下のコードは、oがオブジェクト、dが属性、関数fも属性として、通常の属性と属性として関数を記述した例であり、書き方は同じではありませんが、 JavaScript に適しています。たとえば、d と f は 2 つの一般的な属性です。

var o = { d: 1, f() { console.log(this.d); } };

つまり、JavaScript では、オブジェクトの状態と動作は実際には属性に抽象化されます。 Java を使用したことがある場合は、驚かないでください。設計上の考え方には一定の違いがありますが、どちらもオブジェクトの基本的な特性 (アイデンティティ、ステータス、動作) をよく表現しています。

オブジェクトの基本的な特性を理解したことに基づいて、JavaScript におけるオブジェクトの固有の特性は次のとおりであると考えています:オブジェクトは非常に動的です。これは、JavaScript によってユーザーが実行時にアクションを実行できるためです。状態と動作を追加するオブジェクトの機能。

例を挙げてみましょう。たとえば、JavaScript では実行時にオブジェクトにプロパティを追加できますが、これはほとんどのクラスベースの静的オブジェクト設計とはまったく異なります。 Java やその他の言語を使用したことがある方なら、きっと私と同じ気持ちになるはずです。

次のコードは、実行時にオブジェクトに属性を追加する方法を示しています。最初に、オブジェクト o を定義しました。定義が完了したら、その属性 b を追加しました。この操作はまったく問題ありません。これを理解する必要があります。

var o = { a: 1 };o.b = 2;console.log(o.a, o.b); //1 2

JavaScript のプロパティは、抽象化機能を向上させるために、他の言語よりも複雑になるように設計されており、2 種類のデータ プロパティとアクセサー プロパティ (ゲッター/セッター) が提供されています。

JavaScript オブジェクトの 2 種類の属性

JavaScript の場合、属性は単なる名前と値ではなく、一連の特性を使用してプロパティを記述します。

最初のタイプの属性であるデータ属性について話しましょう。他の言語の属性概念に近いです。データ属性には 4 つの特性があります。

• value: 属性の値です。
• writable: 属性に値を割り当てることができるかどうかを決定します。
• enumerable: for in がプロパティを列挙できるかどうかを決定します。
• configurable: 属性を削除できるか、特性値を変更できるかを決定します。

ほとんどの場合、データ属性の値のみを考慮します。

2 番目のタイプの属性はアクセサー (ゲッター/セッター) 属性で、これにも 4 つの特性があります。

• getter: プロパティ値を取得するときに呼び出される関数または未定義。
• setter: プロパティ値を設定するときに呼び出される関数または未定義。
• enumerable: for in がプロパティを列挙できるかどうかを決定します。
• configurable: 属性を削除できるか、特性値を変更できるかを決定します。

アクセサ属性を使用すると、プロパティの読み取り時と書き込み時にコードを実行できます。これにより、ユーザーはプロパティの書き込み時と読み取り時に完全に異なる値を取得できます。これは、プロパティの糖衣構文とみなすことができます。関数。

通常、コードを使用して属性を定義し、データ属性を生成します。書き込み可能、列挙可能、構成可能はすべてデフォルトで true になります。次のコードに示すように、組み込み関数 Object.getOwnPropertyDescripter を使用して表示できます。

var o = { a: 1 };o.b = 2;//a和b皆为数据属性 Object.getOwnPropertyDescriptor(o,\u0026quot;a\u0026quot;) // {value: 1, writable: true, enumerable: true, configurable: true} Object.getOwnPropertyDescriptor(o,\u0026quot;b\u0026quot;) // {value: 2, writable: true, enumerable: true, configurable: true}

我们在这里使用了两种语法来定义属性，定义完属性后，我们用JavaScript的API来查看这个属性，我们可以发现，这样定义出来的属性都是数据属性，writeable、enumerable、configurable都是默认值为true。

如果我们要想改变属性的特征，或者定义访问器属性，可以使用 Object.defineProperty，示例如下：

var o = { a: 1 }; Object.defineProperty(o, \u0026quot;b\u0026quot;, {value: 2, writable: false, enumerable: false, configurable: true});//a和b都是数据属性，但特征值变化了 Object.getOwnPropertyDescriptor(o,\u0026quot;a\u0026quot;); // {value: 1, writable: true, enumerable: true, configurable: true} Object.getOwnPropertyDescriptor(o,\u0026quot;b\u0026quot;); // {value: 2, writable: false, enumerable: false, configurable: true} o.b = 3;console.log(o.b); // 2

这里我们使用了Object.defineProperty来定义属性，这样定义属性可以改变属性的writable和enumerable，我们同样用Object.getOwnPropertyDescriptor来查看，发现确实改变了writable和enumerable特征。因为writable特征为false，所以我们重新对b赋值，b的值不会发生变化。

在创建对象时，也可以使用 get 和 set 关键字来创建访问器属性，代码如下所示：

var o = { get a() { return 1 } }; console.log(o.a); // 1

访问器属性跟数据属性不同，每次访问属性都会执行getter或者setter函数。这里我们的getter函数返回了1，所以o.a每次都得到1。