Rumah > hujung hadapan web > Soal Jawab bahagian hadapan > javascript atribut kaedah

javascript atribut kaedah

王林
Lepaskan: 2023-05-09 16:52:37
asal
490 orang telah melayarinya

1. Gambaran Keseluruhan

Dalam JavaScript, kaedah dan sifat ialah dua komponen penting objek. Kaedah ialah tingkah laku objek, manakala sifat ialah perihalan objek. Kaedah dan sifat memainkan peranan penting dalam pengaturcaraan berorientasikan objek dalam JavaScript. Artikel ini akan menggunakan contoh untuk memperkenalkan pengetahuan berkaitan atribut kaedah.

2. Sifat

Dalam JavaScript, sifat objek boleh menjadi nilai primitif (seperti rentetan, nilai Boolean, nombor, dll.) atau objek. Sifat terbahagi kepada dua jenis: sifat data dan sifat aksesor. Sifat data disimpan secara langsung dalam objek, manakala sifat pengakses tidak menyimpan nilai secara langsung, tetapi mentakrifkan sepasang fungsi getter dan setter.

  1. Atribut data

Atribut data ialah sifat objek yang mengandungi nilai data. Atribut data termasuk empat ciri yang menerangkan tingkah lakunya: boleh ditulis, boleh dikira, boleh dikonfigurasikan dan nilai. Empat ciri ini boleh dikawal melalui kaedah Object.defineProperty.

// Contoh kod
let obj = {};
Object.defineProperty(obj, 'name', {
nilai: 'Xiao Ming',
boleh ditulis: palsu, //Tidak boleh ditulis
enumerable: true, //Enumerable
configurable: false //Not configurable
});

  1. Accessor property

Sifat pengakses ialah fungsi yang dilaksanakan apabila mendapatkan dan menetapkan nilai harta. Sifat accessor merangkumi dua kaedah, iaitu fungsi getter dan fungsi setter. Kedua-dua kaedah ini mesti sepadan dengan dua kata kunci yang diperoleh dan ditetapkan masing-masing apabila ia ditakrifkan.

// Contoh kod
biar obj = {
_name: 'Xiao Ming',
dapatkan nama(){

return this._name
Salin selepas log masuk

},
tetapkan nama( nilai ){

console.log('更新了名字')
this._name = value
Salin selepas log masuk

}
}
obj.name = '小红'
console.log(obj.name) //Output: Xiaohong

3. Kaedah

Kaedah ialah kelakuan sesuatu objek. Kaedah dalam JavaScript adalah fungsi khas. Gunakan kaedah untuk melaksanakan tingkah laku kompleks objek.

  1. Kaedah objek

Kaedah objek merujuk kepada fungsi yang merupakan sifat objek. Kaedah objek biasanya menggunakan kata kunci ini untuk merujuk kepada objek itu sendiri.

// Contoh kod
biar obj = {
nama: 'Xiao Ming',
sayHi: function(){

console.log(`Hi, 我的名字是${this.name}`)
Salin selepas log masuk

}
}
obj.sayHi() //Output: Hai, nama saya Xiao Ming

  1. Kaedah prototaip

Kaedah prototaip merujuk kepada fungsi yang merupakan atribut prototaip bagi pembina. Kaedah prototaip biasanya menggunakan kata kunci ini untuk merujuk kepada objek contoh.

//Contoh kod
fungsi Orang(nama){
this.name = nama
}
Person.prototype.sayHi = function(){
console.log (Hi, 我的名字是${this.name})
}
biar orang = Orang baru('Xiao Ming')
orang.sayHi() //Output: Hai, nama saya Xiao Ming

  1. Kaedah statik

Kaedah statik ialah kaedah yang tidak perlu membuat instantiate objek dan dipanggil terus melalui pembina. Kaedah statik biasanya dirujuk menggunakan nama kelas.

//Kod contoh
Kalkulator kelas{
tambah statik(a, b){

return a + b
Salin selepas log masuk

}
tolak statik(a, b){

return a - b
Salin selepas log masuk

}
}
console.log(Kalkulator.add(1, 2)) //Output: 3

4 Ringkasan

Kaedah dan sifat ialah objek Dua komponen penting, menguasai atribut kaedah adalah sangat penting untuk pengaturcaraan berorientasikan objek dalam JavaScript. Semasa menulis kod, kita harus menggunakan atribut data, atribut pelengkap, kaedah objek, kaedah prototaip dan kaedah statik secara fleksibel untuk menjadikan kod lebih elegan, ringkas dan mudah diselenggara.

Atas ialah kandungan terperinci javascript atribut kaedah. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

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