Penjelasan terperinci tentang kemahiran JavaScript constructor_javascript

Pembina adalah untuk memulakan objek contoh, dan atribut prototaip objek adalah untuk mewarisi objek contoh.

Nota Pembina:

1. Huruf pertama fungsi lalai ditulis dengan huruf besar

2. Pembina tidak mengembalikan apa-apa. Operator baharu secara automatik mencipta jenis yang diberikan dan mengembalikannya Apabila pembina dipanggil, baru secara automatik mencipta objek ini, dan jenisnya ialah jenis pembina.

3. Anda juga boleh memanggil pulangan secara eksplisit dalam pembina Jika nilai yang dikembalikan ialah objek, ia akan dikembalikan dan bukannya contoh objek yang baru dibuat. Jika nilai yang dikembalikan adalah jenis primitif, ia diabaikan dan contoh yang baru dibuat dikembalikan. 

 function Person( name){
        this.name =name;
      }
       var p1=new Person('John');

bersamaan dengan:

   function person(name ){
        Object obj =new Object();
        obj.name =name;
         return obj;
      }
       var p1= person("John");

4. Kerana pembina juga merupakan fungsi, ia boleh dipanggil secara langsung, tetapi nilai pulangannya tidak ditentukan Pada masa ini, objek ini dalam pembina adalah sama dengan objek global ini. this.name sebenarnya mencipta nama pembolehubah global. Dalam mod ketat, ralat berlaku apabila anda memanggil pembina Orang melalui baharu.

5. Anda juga boleh menggunakan kaedah Object.defineProperty() dalam pembina untuk membantu kami memulakan:

  function Person( name){
        Object.defineProperty(this, "name"{
          get :function(){
             return name;
          },
           set:function (newName){
            name =newName;
          },
          enumerable :true, //可枚举，默认为false
           configurable:true //可配置
         });
      }  
       var p1=new Person('John');

6. Gunakan objek prototaip dalam pembina

 //比直接在构造函数中写的效率要高的多
       Person.prototype.sayName= function(){
         console.log(this.name);
      };

Tetapi jika terdapat banyak kaedah, kebanyakan orang akan menggunakan kaedah yang lebih mudah: secara langsung menggantikan objek prototaip dengan objek literal, seperti berikut:

 Person.prototype ={
        sayName :function(){
           console.log(this.name);
        },
        toString :function(){
           return "[Person "+ this.name+"]" ;
        }
      };

Kaedah ini sangat popular kerana anda tidak perlu menaip Person.prototype beberapa kali, tetapi terdapat kesan sampingan yang perlu anda perhatikan:

Menulis semula objek prototaip menggunakan bentuk literal mengubah sifat pembina, jadi ia menunjuk kepada Objek dan bukannya Orang. Ini kerana objek prototaip mempunyai sifat pembina, yang tidak mempunyai contoh objek lain. Apabila fungsi dicipta, sifat prototaipnya juga dicipta, dan sifat pembina objek prototaip menunjuk ke fungsi. Apabila objek prototaip ditulis semula menggunakan bentuk literal objek, sifat pembinanya akan ditetapkan kepada Objek objek generik Untuk mengelakkan ini, anda perlu menetapkan semula pembina secara manual apabila menulis semula objek prototaip, seperti berikut:

 Person.prototype ={
        constructor :Person,
        
        sayName :function(){
           console.log(this.name);
        },        
        toString :function(){
           return "[Person "+ this.name+"]" ;
        }
      };

Uji sekali lagi:

p1.constructor===Orang

benar

p1.constructor===Objek

palsu

p1 contoh Orang

benar