Rumah  >  Artikel  >  hujung hadapan web  >  JavaScript tidak boleh mencipta objek

JavaScript tidak boleh mencipta objek

WBOY
WBOYasal
2022-04-11 10:07:262413semak imbas

JavaScript boleh mencipta objek. Kaedah penciptaan: 1. Gunakan Objek untuk mencipta objek secara langsung, sintaksnya ialah "Objek baharu()" 2. Gunakan kata kunci baharu untuk mencipta objek, sintaksnya ialah "nama objek baharu()"; buat objek, sintaksnya ialah "object={property" Name: attribute value,...}".

JavaScript tidak boleh mencipta objek

Persekitaran pengendalian tutorial ini: sistem Windows 10, versi JavaScript 1.8.5, komputer Dell G3.

Tidakkah JavaScript boleh mencipta objek?

Objek JavaScript ialah pembolehubah yang boleh menyimpan banyak nilai yang berbeza. Ia bertindak sebagai bekas untuk set nilai yang berkaitan. Sebagai contoh, pengguna tapak web dan bil dalam akaun bank semuanya boleh menjadi objek JavaScript.

Dalam JavaScript, objek mengandungi dua jenis nilai: sifat dan kaedah.

Apabila anda mencipta objek JavaScript, anda perlu menentukan nama, sifat dan kaedahnya.

Kaedah untuk mencipta objek JavaScript:

1 Gunakan Objek untuk mencipta objek secara langsung

var myObj=new Object();//使用Object类创建一个空的对象
 
myObj.name="wangshihcheng";
 
myObj.age=20;
 
myObj.infor=function(){
 
document.write("名字:"+this.name);//this.的指向问题
 
document.write("年龄:"+this.age);
 
}
 
myObj.infor();//调用创建的对象里面的方法;

<.> 2. Gunakan kata kunci baharu untuk memanggil pembina untuk mencipta objek

Kodnya adalah seperti berikut:

<script>
    var obj = new Object();
    obj.name = "Kitty";//为对象增加属性
    obj.age = 21;
    obj.showName = function () {//为对象添加方法
        console.log(this.name);
    };
    obj.showAge = function(){
        console.log(this.age);
    };
    obj.showName();
    obj.showAge();
</script>
Kaedah ini menjana objek melalui kata kunci baharu, dan kemudian menurut JavaScript ia adalah bahasa dinamik Properties untuk menambah sifat dan kaedah untuk membina objek. Ini mewakili objek di mana kaedah dipanggil.

Masalah dengan kaedah ini ialah: jika kita perlu mencipta objek beberapa kali, maka kita perlu mengulangi kod beberapa kali, yang tidak sesuai untuk penggunaan semula kod.

3. Gunakan mod prototaip untuk mencipta objek

Dalam JavaScript, setiap fungsi mempunyai atribut prototaip, iaitu penunjuk yang menunjuk ke objek, dipanggil

Objek prototaip, objek prototaip mengandungi sifat dan kaedah yang boleh dikongsi oleh semua objek contoh jenis tertentu

Selain itu, objek ini mempunyai pembina atribut terbina dalam, yang menunjuk kepada kaedah pembina; mencipta objek;

Apabila kita menggunakan corak prototaip, semua kejadian boleh berkongsi sifat dan kaedah objek prototaip,

Oleh itu kita tidak perlu mentakrifkan maklumat contoh objek dalam pembina awal;

function Student(){
        
 
}
Student.prototype.name="wang";
Student.prototype.sex="man";
Student.prototype.class="5";
Student.prototype.sayName=function(){
    console.log(this.name);
}
 
var s1=new Student();
s1.sayName();//wang
 
var s2=new Student();
s2.sayName();//wang
 
s2.name="shicheng";
s2.sayName();//shicheng
Apabila kita membaca sifat sesuatu objek, carian akan dilakukan terlebih dahulu daripada contoh objek itu sendiri dalam contoh, carian tamat dan harta dikembalikan Nilainya; objek. Jika atribut ini ditemui pada prototaip

, ia akan kembali ke prototaip Jika nilai yang sepadan dengan atribut tidak ditemui, undefine dikembalikan

Oleh itu, ia boleh melihat bahawa atribut objek instance akan mengatasi atribut pada objek prototaip; 1, nama atribut 2: nilai atribut 2,...}

//Perhatikan atribut dalam format JOSN Nama hendaklah disertakan dalam petikan berganda; . Gunakan mod pembina dan prototaip untuk mencipta objek

Pembina digunakan untuk mentakrifkan atribut contoh, dan mod prototaip Digunakan untuk mentakrifkan kaedah dan atribut yang dikongsi

Mod campuran ini boleh menyokong menghantar parameter ke dalam pembina dan sangat menjimatkan memori.

6. Cipta objek menggunakan kaedah prototaip dinamik.

var p={
 
"name":"wangsch",
 
"gender":"man",
 
"age":40,
 
"son":[
 
    {
 
        "name":"son1",
 
        "age":2
 
    },
 
    {
 
    "name":"son2",
 
    "age":5
 
    }
 
],
 
"infor":function(){
 
document.write("父亲的姓名:"+this.name+",父亲的年龄:"+this.age+"<br>");
 
for( var child in this.son ){
 
document.write("儿子的姓名:"+this.son[child].name+",儿子的年龄:"+this.son[child].age+"<br>");
 
                }
 
        }
 
}
 
p.infor();//调用对象p中的infor方法
Kodnya adalah seperti berikut:

Kaedah ini serupa dengan kaedah pembina/prototaip. Hanya tambah kaedah kepada pembina, dan tambahkan atribut kepada Pembina Orang untuk memastikan bahawa pernyataan if hanya boleh berjaya dilaksanakan sekali Dalam aplikasi praktikal, kaedah pembina/prototaip yang paling banyak digunakan. Kaedah prototaip dinamik juga popular dan berfungsi bersamaan dengan kaedah pembina/prototaip. Jangan gunakan pembina dan kaedah prototaip sahaja.

[Cadangan berkaitan:
tutorial video javascript

,
function Student(name,sex,grade){
    this.name=name;
    this.sex=sex;
    this.grade=grade;
}
 
Student.prototype.sayName=function(){
    console.log(this.name);
}
 
Student.prototype.school="nongda";
bahagian hadapan web

]

Atas ialah kandungan terperinci JavaScript tidak boleh mencipta objek. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
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