Rumah  >  Artikel  >  tutorial komputer  >  Bagaimanakah JavaScript mentakrifkan kaedah seperti sorok yang boleh dipanggil dengan satu klik

Bagaimanakah JavaScript mentakrifkan kaedah seperti sorok yang boleh dipanggil dengan satu klik

PHPz
PHPzke hadapan
2024-01-13 12:12:05976semak imbas

Bagaimanakah javascript mentakrifkan kaedah yang diklik sama dengan apabila dipanggil oleh hide

Kaedah prototaip. . . . prototaip

Sebagai contoh, tentukan fungsi untuk Array tatasusunan

Array.prototype.in_array = fungsi ($rentetan) { untuk (var i = 0; i

{

untuk (i = 0; i

kembali benar;

}

}

kembali palsu;

}

Anda boleh panggil sahaja

var a = Tatasusunan baharu('a');

a.in_array('a');

Semak sama ada ia wujud

Dalam cth. rentetan

String.prototype.trim = function()

{

kembalikan ini.ganti(/^s*|s*$/g, '');

}

Anda boleh panggil sahaja

var a = 'abcdefg';

a.trime();

Ini akan menghilangkan ruang di kedua-dua belah pihak

Begitu juga dengan fungsi tersuai Mula-mula buat fungsi dan gunakan prototaip untuk menambah kaedah padanya.

Apakah kaedah mentakrifkan objek dalam JavaScript

Beberapa cara untuk mentakrifkan objek Javascript

1 Kaedah kilang: Mula-mula buat objek, kemudian tambah kaedah dan sifat pada objek. Selepas penutupan, elakkan menggunakan operator baharu untuk mencipta objek. Walaupun pendekatan ini mempunyai beberapa kelemahan, seperti apabila mentakrifkan kaedah di dalam fungsi kilang, fungsi baharu akan dibuat setiap kali ia dipanggil.

kilang berfungsi(nama, orang, alamat, masa){

var tmp=Objek baharu;

tmp.name=name;

tmp.person=person;

tmp.address=address;

tmp.workTime=function(){

alert("Masa kita mula bekerja ialah" + masa);

}

kembali tmp;

}

var factory1 = kilang("ubat", 100, "Huashan Rd", 10);

var factory2 = factory("TCMdrugs", 100, "hongqiao Rd", 11);

factory1.workTime();

factory2.workTime();//Di sini, factory1 dan factory2 mempunyai kaedah yang berbeza

Walaupun masalah ini boleh diperbaiki dengan cara berikut, ia tidak mempunyai enkapsulasi yang baik

kilang berfungsi(nama, orang, alamat, masa){

var tmp=Objek baharu;

tmp.name=name;

tmp.person=person;

tmp.address=address;

tmp.workTime=workTime();

kembali tmp;

}

fungsi masa kerja(){

alert("Masa kita mula bekerja ialah" + this.time);

}

2 Kaedah pembina bermaksud menggunakan kata kunci ini di dalam pembina untuk mencipta objek, dan ia perlu dijadikan instantiated melalui operator baharu apabila menggunakannya. Walau bagaimanapun, kaedah ini mempunyai masalah yang sama seperti kaedah kilang, iaitu, setiap kali pembina dipanggil, objek fungsi baru akan dicipta, menyebabkan penciptaan fungsi berulang.

konstruk fungsi(nama, orang, alamat, masa) { //Tulis logik kod anda di sini }

this.name=name;

ini.orang=orang;

ini.alamat=alamat;

this.workTime=function(){

alert("Masa kita mula bekerja ialah" + this.time);

};

}

3. Kaedah prototaip: Gunakan atribut prototaip untuk melaksanakan atribut dan kaedah Anda boleh menyemak jenis objek melalui instanceof, yang menyelesaikan masalah mencipta fungsi berulang kali. Walau bagaimanapun, perlu diingatkan bahawa sifat tidak boleh dimulakan dengan lulus parameter.

kereta berfungsi(){

}

Car.prototype.color = "merah";

Car.prototype.doors = 4;

Car.prototype.mpg = 23;

Car.prototype.showColor = function() {

makluman(warna.ini);

};

var car1 = new Car();

var car2 = new Car();

Tetapi jika anda menghadapi situasi berikut, sesuatu akan berlaku lagi

Car.prototype.drivers = ["mike", "sue"];

car1.drivers.push("matt");

alert(car1.drivers); //Output "mike,sue,matt"

alert(car2.drivers); // Output "mike, sue, matt"

pemandu ialah penunjuk kepada objek Tatasusunan, dan kedua-dua kejadian Kereta merujuk kepada tatasusunan yang sama.

4. Kaedah pembina/prototaip campuran: penyelesaian kepada kaedah prototaip

Kereta berfungsi(sColor, iDoors, iMpg) { this.color = sColor; ini.pintu = iDoors; this.mpg = iMpg; }

this.color = sColor;

this.doors = iDoors;

this.mpg = iMpg;

this.drivers = ["mike", "sue"];

}

Car.prototype.showColor = fungsi () { // kod anda }

makluman(warna.ini);

};

var car1 = Kereta baharu("merah", 4, 23);

var car2 = Kereta baharu("biru", 3, 25);

car1.drivers.push("matt");

amaran(kereta1.pemandu);

maklum(kereta2.pemandu);

5. Kaedah prototaip dinamik: Ini adalah kaedah yang sangat disyorkan Ia mengelakkan masalah yang berlaku dalam kaedah sebelumnya dan memberikan gaya pengekodan yang lebih mesra.

Kereta berfungsi(sColor, iDoors, iMpg) { this.color = sColor; ini.pintu = iDoors; this.mpg = iMpg; }

this.color = sColor;

this.doors = iDoors;

this.mpg = iMpg;

this.drivers = ["mike", "sue"];

jika(jenis Kereta.dimulakan == "tidak ditentukan"){

Car.prototype.showColor = fungsi () { // kod anda }

makluman(warna.ini);

};

Kereta.dimulakan = benar;

}

}

var car1 = Kereta baharu("merah", 4, 23);

var car2 = Kereta baharu("biru", 3, 25);

car1.drivers.push("matt");

amaran(kereta1.pemandu);

maklum(kereta2.pemandu);

6. Kaedah kilang campuran: Ia agak serupa dengan kaedah kilang, tetapi menggunakan kata kunci baharu untuk instantiasi. Walaupun ia mempunyai kelemahan yang sama seperti kaedah kilang, ia tidak digalakkan.

Atas ialah kandungan terperinci Bagaimanakah JavaScript mentakrifkan kaedah seperti sorok yang boleh dipanggil dengan satu klik. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Artikel ini dikembalikan pada:docexcel.net. Jika ada pelanggaran, sila hubungi admin@php.cn Padam