ホームページ > 記事 > ウェブフロントエンド > JavaScript をカプセル化する必要がある理由
カプセル化の理由: 1. カプセル化により、コードの冗長性が減り、コードが単純に見えるようになり、不要なコードが削減されます; 2. オブジェクトは、他のオブジェクトと対話するために必要なインターフェイスのみを提供します。さまざまなレベルの保護を提供できます。これは、プログラムの無関係な部分が誤って変更されたり、オブジェクトのプライベート部分が誤って使用されたりすることを防ぎ、セキュリティを向上させることができます。
このチュートリアルの動作環境: Windows 10 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。
カプセル化は、オブジェクト指向の 3 つの基本特性の 1 つです。現実世界の物事をコンピュータ分野のオブジェクトに抽象化します。オブジェクトには次のような特徴があります。プロパティと動作 (メソッド) の両方。この抽象化はカプセル化です。
私たちの日常の開発プロセスでは、通常、同じ処理ロジックを持つコードは関数をカプセル化して、コードの冗長性を減らし、コードをよりエレガントで美しくします。
複数のエンティティ オブジェクトが同じ属性と動作 (メソッド) を持つ場合、不要なコードを減らすために同じ属性と動作を抽象化するのが自然です。
カプセル化の重要な機能: データの隠蔽。
オブジェクトは、他のオブジェクトと対話するために必要なインターフェイスのみを提供し、独自の属性と実装の詳細の一部を外部から隠します。このようにして、オブジェクトは、プログラムの侵入を防ぐために内部データに対してさまざまなレベルの保護を提供します。オブジェクトの無関係な部分への予期しない変更、またはオブジェクトのプライベート部分の誤った使用から。これにより、通常の対話を確保しながらセキュリティが確保され、オブジェクトによって実装されたメソッドを気にせずにこのオブジェクトを使用できます。
Function (関数) - 最も単純なカプセル化
Function は、あらゆる言語の中核となる概念です。関数を通じて任意の数のステートメントをカプセル化でき、いつでもどこでも呼び出して実行できます。
カプセル化の方法: 散在するステートメントを関数の中括弧内に記述して関数本体とし、それを呼び出すことができます。
カプセル化されていないコード:
var body = document.getElementsByTagName("body")[0]; var h1 = document.createElement("h1"); body.style.backgroundColor = "green"; h1.innerText = "绿了"; body.appendChild(h1);
欠点:
は、同じ名前の変数によって簡単に上書きされます。グローバル スコープ 宣言された変数は、同じ名前の変数によって簡単に上書きされます。
即時実行 -- パーサーはここを読み取り、すぐに実行します。 ##カプセル化コード:
function makeGreen() { var body = document.getElementsByTagName("body")[0]; var h1 = document.createElement("h1"); body.style.backgroundColor = "green"; h1.innerText = "绿了"; body.appendChild(h1); }利点:
関数スコープが存在するため、グローバル変数を回避します (関数スコープに重点が置かれています。後でテストします)
JavaScript ビデオ チュートリアル
、以上がJavaScript をカプセル化する必要がある理由の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。