Hubungan antara fungsi Fungsi dan objek Objek dalam kemahiran JavaScript_javascript

Fungsi ialah konsep yang paling biasa digunakan dalam JavaScript. Fungsi dalam JavaScript ialah fungsi yang paling mudah untuk dimulakan, tetapi ia juga merupakan konsep yang paling sukar untuk difahami dan dikuasai dalam JavaScript.

Hari ini kita akan cuba memahami Fungsi dan Objek Kerana sesetengah orang mungkin keliru pada peringkat awal. Sudah tentu, saya tidak dikecualikan

Nota: Definisi rasmi: Dalam Javascript, setiap fungsi sebenarnya adalah objek fungsi.

Mari kita lihat dua kod paling mudah dahulu, yang juga paling mudah difahami.

function fn(){}
var obj = {}
console.log(fn instanceof Function)//true
console.log(obj instanceof Object)//true
console.log(fn instanceof Object)//true
console.log(obj instanceof Function)//false

Dua kesan cetakan yang pertama mudah difahami oleh semua orang Contoh fn Objek yang berikut adalah benar di sini, dari definisi fungsi: Dalam JavaScript, semua fungsi sebenarnya adalah objek , ia tidak Pelik obj instanceof Fungsi adalah palsu, sudah tentu ia tidak pelik kerana ia adalah objek, bukan fungsi

Jom lihat kod lain

console.log(Function instanceof Object); // true
console.log(Object instanceof Function); // true

Kod ini sangat mudah, kedua-dua struktur yang dijalankan adalah benar, mengapa yang pertama menggunakan definisi fungsi, (fungsi dalam JavaScript sebenarnya adalah objek fungsi), sudah tentu ia benar, tetapi bagaimana pula? yang kedua? Objek juga berfungsi?

Objek juga merupakan fungsi Kerana struktur Objek ialah fungsi Object(){kod asli}.

Dalam borang ini, sangat jelas bahawa ia adalah fungsi Objek yang diisytiharkan, yang sudah tentu merupakan fungsi, jadi kedua-duanya adalah benar.

Kod pelaksanaan dua fungsi Fungsi dan Objek sudah tentu berbeza Bagaimana ia dilaksanakan, kami tidak akan mengkaji secara terperinci, anda boleh memahami pengetahuan yang berkaitan dengan penyemak imbas

ps: $(function(){}) dan $(document).ready(function(){})

Perbezaan antara document.ready dan onload - Acara penyiapan pemuatan dokumen JavaScript

Terdapat dua acara apabila halaman dimuatkan

Yang pertama sudah sedia, yang bermaksud bahawa struktur dokumen telah dimuatkan (tidak termasuk fail media bukan teks seperti imej)

Yang kedua ialah onload, yang menunjukkan bahawa semua elemen halaman termasuk imej dan fail lain telah dimuatkan.

Ramai orang yang menggunakan jQ mula menulis skrip seperti ini:

$(function(){
// do something
});

Malah, ini adalah singkatan jq ready(), yang bersamaan dengan:

Ini ialah kaedah jq ready() iaitu Dom Ready Fungsi atau maksudnya ialah: anda boleh mengendalikan DOM selepas DOM dimuatkan.

$(document).ready(function(){
//do something
})
//或者下面这个方法，jQuer的默认参数是：“document”；
$().ready(function(){
//do something
})

Secara amnya, urutan halaman bertindak balas terhadap pemuatan dahulu ialah: resolusi nama domain - memuatkan html - memuatkan js dan css - memuatkan imej dan maklumat lain.

Kemudian Dom Ready hendaklah antara "Memuatkan js dan css" dan "Memuatkan imej dan maklumat lain", kemudian anda boleh mengendalikan Dom.

kaedah 1.window.onload

⑴Masa pelaksanaan:

Ia dilaksanakan selepas semua elemen dalam halaman web (termasuk semua fail yang berkaitan dengan elemen) dimuatkan sepenuhnya ke dalam penyemak imbas, iaitu, JavaScript boleh mengakses semua elemen dalam halaman web pada masa ini.

⑵Pelbagai kegunaan:

window.onload=function(){ $(window).load(function(){
//编写代码 等价于 //编写代码
} });

Acara onload JavaScript hanya boleh menyimpan rujukan kepada satu fungsi pada satu masa, dan ia secara automatik akan menimpa fungsi sebelumnya dengan fungsi terakhir.

function one()
{ alert("one");
} 
function two()
{ alert("two"); 
}
window.onload=one; 
window.onload=two; //运行代码后只有 two 

2.$(document).ready() kaedah

⑴ Masa pelaksanaan: Ia boleh dipanggil apabila DOM sudah sedia sepenuhnya. (Ini tidak bermakna bahawa fail yang dikaitkan dengan elemen ini telah dimuat turun)

Contohnya: Kaedah $(document).ready() boleh beroperasi apabila ia mengetahui bahawa DOM sudah sedia dan tidak perlu menunggu semua imej dimuat turun.

⑵Pelbagai kegunaan: