ホームページ > 記事 > ウェブフロントエンド > JavaScriptオブジェクトのカプセル化の簡単な実装方法(3通り)
この記事の例では、JavaScript オブジェクトのカプセル化の簡単な実装方法について説明します。参考のために皆さんと共有してください。詳細は次のとおりです:
JavaScript は、HTML、リッチ クライアント、HTML5 の WebGL などでますます強力になっています。しかし、JavaScript を記述するときは非常にカジュアルになる傾向があり、オブジェクトのカプセル化を使用することは優れています。ここでは、JavaScript でオブジェクトを作成する 3 つの方法を紹介します。
1. new キーワードを使用してオブジェクトを作成します
function Person(name, age) { this.name = name; this.age = age; } var p = new Person(); // 也可填充初始化属性,如new Person("lingceng", 22)
2. Object を使用してオブジェクトを直接作成します
このメソッドは拡張するのに非常に便利であることがわかります。
var obj = new Object(); // 这里也可写成 var = {}; obj.name = "lingceng"; obj.age = 22;
3. JSON を使用して作成する (オブジェクト リテラルの方が正確ですが、JSON の方が理解しやすいです)
Javascript 1.2 以降、オブジェクトをより高速に作成する方法があります。
var p = { name: "lingceng", // "name":"lingceng这样加引号解析方式相同 gender: "male" };
実践的な方法
コンストラクターとプロトタイプパターンを組み合わせてオブジェクトを作成する方法は、練習に非常に適しています。
function Person(name,age) { // 实例属性 // 实例时多份拷贝 this.name=name; this.age=age; } Person.prototype={ // 因为原型被替换,所以需要恢复construtor的默认指向 constructor: Person, showName:function(){ alert("ShowName in prototype:"+this.name); }, showAge:function(){ alert(this.age); } } var p = new Person("lingceng", 22); p.showAge(); // 22
この記事が JavaScript プログラミングの皆様のお役に立てれば幸いです。
JavaScript オブジェクトのカプセル化のより簡単な実装方法 (3 つの方法) については、PHP 中国語 Web サイトに注目してください。