Méthode d'implémentation simple de l'encapsulation d'objets JavaScript (3 méthodes)

L'exemple de cet article décrit la méthode d'implémentation simple de l'encapsulation d'objets JavaScript. Partagez-le avec tout le monde pour référence, les détails sont les suivants :

Javascript devient de plus en plus puissant en HTML, client riche, WebGL en HTML5, etc. Mais lorsque nous écrivons du Javascript, nous avons tendance à être très décontractés et l’utilisation de l’encapsulation d’objets est excellente. Voici trois façons de créer des objets en Javascript.

1. Utilisez le mot-clé new pour créer un objet

function Person(name, age) {
 this.name = name;
 this.age = age;
}
var p = new Person();  // 也可填充初始化属性，如new Person("lingceng", 22)

2. Utilisez Object pour créer un objet directement

Comme vous pouvez le constater, cette méthode est très pratique. pour s'étendre.

var obj = new Object(); // 这里也可写成 var = {};
obj.name = "lingceng";
obj.age = 22;

3. Utilisez JSON pour créer (les littéraux d'objet sont plus précis, mais JSON est plus facile à comprendre)

À partir de Javascript 1.2, il existe un moyen plus rapide de créer des objets.

var p = {
 name: "lingceng", // "name":"lingceng这样加引号解析方式相同
 gender: "male"
};

Méthode pratique

La méthode de création d'objets en combinant des constructeurs et des modèles de prototypes est très adaptée à la pratique.

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

J'espère que cet article sera utile à tout le monde dans la programmation JavaScript.

Pour des méthodes d'implémentation plus simples (3 méthodes) de l'encapsulation d'objets JavaScript, veuillez faire attention au site Web PHP chinois !