JavaScriptはノートの簡単な分析のいくつかのオブジェクトを作成する方法を学びます.


JavaScriptでは、オブジェクトを作成するにはいくつかの方法があります.私たちが普段最もよく使うのはObjectの構造関数とオブジェクトの字面量です.
 
   
   
   
   
  1. // Object
  2. var person = new Object();
  3. person.name = "Sibarone";
  4. person.age = "19";
  5. //
  6. var person = {
  7. name: "Sibarone",
  8. age: 19;
  9. };

   , , , , , :

 
   
   
   
   
  1. function createPerson (name, age, job) {
  2. var o = new Object();
  3. o.name = name;
  4. o.age = age;
  5. o.job = job;
  6. return o;
  7. }
  8. var person = createPerson ("ShiJianwen", 19, "Frontend Engineer");

   , , , , , constructor , 。

 
   
   
   
   
  1. function Person (name, age, job) {
  2. this.name = name;
  3. this.age = age;
  4. this.job = job;
  5. this.alertName = function () {
  6. alert(this.name);
  7. };
  8. }
  9. var person1 = new Person("ShiJianwen", 19, "Frontend Engineer");
  10. var person2 = new Person("Sibarone", 19, "Frontend Engineer");

   , , constructor Person,  instanceof  で の を する も、 えば

 
   
   
   
   
  1. person instanceof Object; //true
  2. person instanceof Person; //true
しかし、 も ではありません.オブジェクト の を します. のコードのように.  alertName  のように、 しいオブジェクトの に しいオブジェクトを します.  alertName  は、JavaScriptでは が として われますので、 オブジェクトごとに しいalertName オブジェクトは、 のコードで できます.
 
   
   
   
   
  1. console.log(person1.alertName == person2.alertName); //false
   した は オーバーヘッドを させ、この を するためにプロトタイプモードが した.
プロトタイプ  JavaScriptにおいて された には、オブジェクトを すプロトタイプの があります.この は、すべてのインスタンスによって される と を みます.また、この によって されたすべてのインスタンスの オブジェクトです.プロトタイプモードを して されたオブジェクトは、オブジェクトインスタンスの を プロトタイプオブジェクトに し、これらの をすべてのインスタンスに させることができる.このように
 
   
   
   
   
  1. function Person () {
  2. //
  3. }
  4. Person.prototype.name = "ShiJianwen";
  5. Person.prototype.age = 19;
  6. Person.prototype.job = "Frontend Engineer";
  7. var person = new Person() //
  は の を する 、 の の で のオブジェクトを き えることができます.このように
 
   
   
   
   
  1. function Person () {
  2. }
  3. Person.prototype = {
  4. name: "ShiJianwen",
  5. age: 19,
  6. job: "Frontend Engineer"
  7. };

   , , , , 。  constructor  は、このプロトタイプオブジェクトに するコンストラクターを します. のPerson.prototypeオブジェクトのように、 はデフォルトです.  constructor  はPersonコンストラクタを しますが、 は い の で のオブジェクトを します.  constructor  が されると、この で されたプロトタイプオブジェクトとコンストラクタとの の がなくなります.この を するためには、プロトタイプオブジェクトを する に で する があります.  constructor  、このように

 
   
   
   
   
  1. function Person () {
  2. }
  3. Person.prototype = {
  4. constructor: Person,
  5. name: "ShiJianwen",
  6. age: 19,
  7. job: "Frontend Engineer"
  8. };

   。 , ? , , , , , , , , 。 :

 
   
   
   
   
  1. function Person () {
  2. }
  3. Person.prototype = {
  4. constructor: Person,
  5. name: "ShiJianwen",
  6. age: 19,
  7. job: "Frontend Engineer",
  8. arr: [1,2,3,4,5]
  9. }
  10. //
  11. var person1 = new Person();
  12. var person2 = new Person();
  13. console.log(person1.arr); // [1,2,3,4,5]
  14. console.log(person2.arr); // [1,2,3,4,5]
  15. person1.name = "Sibarone"; //
  16. person1.arr[0] = 5; //
  17. console.log(person1.name); // Sibarone,
  18. console.log(person2.name); // ShiJianwen,
  19. console.log(person1.arr); // [5,2,3,4,5]
  20. console.log(person2.arr); // [5,2,3,4,5]

   , (arr), , , , , 。 
   , , , , , , , 。 :

 
   
   
   
   
  1. function Person (name, age, job) {
  2. this.name = name;
  3. this.age = age;
  4. this.job = job;
  5. this.arr = [1,2,3,4,5];
  6. }
  7. Person.prototype = {
  8. constructor: Person,
  9. alertName: function () {
  10. alert(this.name);
  11. }
  12. };
  13. var person1 = new Person();
  14. var person2 = new Person();
  15. person1.arr[0] = 5;
  16. console.log(person1.arr);// [5,2,3,4,5]
  17. console.log(person2.arr);// [1,2,3,4,5]

   。 , , 。 :

 
   
   
   
   
  1. function Person (name, age, job) {
  2. this.name = name;
  3. this.age = age;
  4. this.job = job;
  5. if(typeof this.alertName != "function") {
  6. Person.prototype.alertName = function () {
  7. alert(this.name);
  8. }
  9. }
  10. }

   。 , , , :

 
   
   
   
   
  1. function Person (name, age, job) {
  2. var o = new Object();
  3. o.name = name;
  4. o.age = age;
  5. o.job = job;
  6. o.alertName = function () {
  7. alert(this.name);
  8. };
  9. return o;
  10. }
  11. var person = new Person();

   , , 。 , , Array , :

 
   
   
   
   
  1. function specialArr () {
  2. var values = new Array();
  3. values.push.apply(values,arguments);
  4. values.pipedString = function () {
  5. return this.join("|");
  6. };
  7. return values;
  8. }
  9. var arr = new specialArr(1,2,3);
  10. console.log(arr.pipedString()); // [1|2|3]

   ,  pipedString  として、「|」で された を することができます. にArayコンストラクタ ではArayコンストラクタの が されていないので、Arayコンストラクタを ってこの な を することができませんが、 コンストラクターモードを ってこの を することができます. のコンストラクタに を えずにこのコンストラクタを できるからです.しかし、それを するには、 のモデルと じで、オブジェクトのタイプを することができません.これを って したオブジェクトのインスタンスは、このアーキテクチャ とは がないので、 のモードでオブジェクトを することができます.このようなモードでの は に されません.     モードの に、 なオブジェクトという が されています. なオブジェクトとは、 がないこと、および がthisキーワードのオブジェクトにアクセスしないことをいいます.このようなオブジェクトは、データの を し、 のアプリケーションによって されることを ぐことができます. は の りです.

 
   
   
   
   
  1. function Person (name, age, job) {
  2. var o = new Object();
  3. o.alertName = function () {
  4. alert(name);
  5. };
  6. return o;
  7. }
  8. var person = Person("ShiJianwen", 19, "Frontend Engineer");
  9. person.alertName();// ShiJianwen
のコードから れば、 モードは モードと ていますが、 いは、 モードはthisを していません.また、 の においてもnewオペレータを していません.このモードで されたオブジェクトの では、そのalertName に もname にアクセスできません.このセキュリティはこのモードの の です.しかし、 に したいのは、 モードは モードと じで、 したオブジェクトはいずれもそのオブジェクトタイプを できないことである.  これらの は じです. についてはよく からないかもしれません.まだ っている もいますので、 と チェーンに する は のブログに いています.ご ください.