ホームページ  >  記事  >  ウェブフロントエンド  >  JavaScriptオブジェクトのカプセル化の簡単な実装方法(3通り)

JavaScriptオブジェクトのカプセル化の簡単な実装方法(3通り)

高洛峰
高洛峰オリジナル
2017-01-04 09:39:021310ブラウズ

この記事の例では、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 サイトに注目してください。


声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。