Contoh yang menerangkan empat cara untuk mencipta objek dalam JavaScript

灭绝师太
Lepaskan: 2021-10-28 16:17:30
asal
1915 orang telah melayarinya

 JavaScript dirujuk sebagai JS Tujuan asal JS adalah untuk menyelesaikan masalah interaksi antara pengguna dan pelayan. Perlu diingatkan bahawa JS bukanlah bahasa berorientasikan objek, tetapi bahasa berasaskan objek yang menyerupai bahasa berorientasikan objek. Jadi bagaimana anda membuat objek JavaScript?

Objek: merujuk secara khusus kepada sesuatu di alam semula jadi, dengan beberapa ciri (sifat) dan tingkah laku (kaedah Sebagai contoh, objek Yao Ming mempunyai nama, jantina, ketinggian, bola). nombor, Pasukan dan ciri-ciri lain, dan boleh menggelecek, menembak, berlari, makan dan gelagat lain, kemudian bagaimanakah kita menggunakan js untuk mencipta objek?

                                                                                                                                                          ... 🎜>

    var YaoMing = {
        name:"YaoMing",
        age:36,
        gender:"男",
        eat:function(){
            console.log('吃臭豆腐');
        },
        read:(){
            console.log('疯子在左天才在右');
        }
    }
Salin selepas log masuk

Jenis Kedua: panggil pembina sistem untuk mencipta objek


                                                                   Jenis Ketiga: Pembina tersuai mencipta objek


  

    var per2=new Object();
     per2.name="大蛇丸";
     per2.age=30;
     per2.sex="男";
     per2.eat=function () {
     console.log("吃榴莲");
     };
     per2.play=function () {
     console.log("这个小蛇真好玩");
     };
Salin selepas log masuk


<🎜                                                                                 ?

Contoh yang menerangkan empat cara untuk mencipta objek dalam JavaScript

 

Ambil contoh di atas, buat objek var per = new Person ( "Hinata", 18, "Wanita");

Apabila membuat instantiat objek, penetapan permulaan atribut umur, nama dan jantina juga selesai. Proses dalaman adalah seperti berikut :

        function Person(name, age, gender) {
              this.name = name;
              this.age = age;
              this.gender = gender;
              this.play = function () {
                console.log("天天打游戏");
              };
         }
         var per = new Person("雏田", 18, "女");
         console.log(per instanceof Person);//返回true
Salin selepas log masuk

* 1. Cipta ruang untuk menyimpan objek
* 2. Tetapkan ini kepada objek semasa
Contoh yang menerangkan empat cara untuk mencipta objek dalam JavaScript * 3. Tetapkan nilai sifat dan kaedah

* 4. Kembalikan objek ini kepada


Keempat: Objek penciptaan model kilang                                                                                                                                                                 createObject("小明",20); Pembina tersuai untuk mencipta objek: var per2=new Person("小红",20) ;

Dengan membandingkan dua cara mencipta objek di atas, kita boleh membuat kesimpulan berikut:

1. Nama fungsi adalah dalam huruf kecil, 2. Kata kunci baru digunakan di dalam fungsi, 3. Dan terdapat nilai pulangan, 4. Objek selepas baru ialah objek semasa, 5. Objek boleh dibuat dengan memanggil fungsi secara langsung.

                                                                                                                                                                                                                       kata kunci baharu, 3. Tiada nilai pulangan, 4. ini mewakili objek semasa, 5. Buat objek melalui baharu.

 


Atas ialah kandungan terperinci Contoh yang menerangkan empat cara untuk mencipta objek dalam JavaScript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan