Die Beziehung zwischen Funktionsfunktion und Objektobjekt in JavaScript_Javascript-Kenntnissen

Funktion ist das am häufigsten verwendete Konzept in JavaScript. Funktion in JavaScript ist die Funktion, mit der man am einfachsten beginnen kann, aber es ist auch das am schwierigsten zu verstehende und zu beherrschende Konzept in JavaScript.

Heute werden wir versuchen, Funktion und Objekt zu verstehen. Natürlich bin ich nicht ausgeschlossen

Hinweis: Offizielle Definition: In Javascript ist jede Funktion tatsächlich ein Funktionsobjekt.

Schauen wir uns zunächst die beiden einfachsten Codes an, die auch am einfachsten zu verstehen sind.

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

Die ersten beiden Druckeffekte sind für jeden leicht zu verstehen. Das Gleiche gilt hier für die Definition von Funktionen: In JavaScript sind alle Funktionen tatsächlich Funktionsobjekte , das ist nicht der Fall. Die obj-Instanz ist natürlich nicht seltsam, da es sich um ein Objekt und nicht um eine Funktion handelt

Sehen wir uns einen anderen Code an

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

Der Code ist sehr einfach. Warum? Die erste verwendet die Definition einer Funktion (eine Funktion in JavaScript ist eigentlich ein Funktionsobjekt), natürlich ist sie wahr, aber was ist damit? die zweite? Objekte sind auch Funktionen?

Objekt ist auch eine Funktion.

In dieser Form ist es sehr klar, dass es sich um eine deklarierte Objektfunktion handelt, die natürlich eine Funktion ist, also sind beide wahr.

Die Implementierungscodes ihrer beiden Funktions- und Objektfunktionen sind natürlich unterschiedlich. Wir werden sie nicht im Detail untersuchen. Sie können die relevanten Kenntnisse des Browsers verstehen

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

Der Unterschied zwischen document.ready und onload – JavaScript-Ereignis zum Abschluss des Ladens von Dokumenten

Es gibt zwei Ereignisse, wenn die Seite geladen wird

Das erste ist fertig, was bedeutet, dass die Dokumentstruktur geladen wurde (mit Ausnahme von Nicht-Text-Mediendateien wie Bildern)

Das zweite ist Onload, was anzeigt, dass alle Elemente der Seite, einschließlich Bilder und andere Dateien, geladen wurden.

Viele Leute, die jQ verwenden, beginnen, Skripte wie dieses zu schreiben:

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

Tatsächlich ist dies die Abkürzung von jq ready(), was äquivalent ist zu:

Dies ist die Methode von jq ready(), die Dom Ready ist. Ihre Funktion oder Bedeutung ist: Sie können das DOM bedienen, nachdem das DOM geladen wurde.

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

Im Allgemeinen ist die Reihenfolge, in der eine Seite zuerst auf das Laden reagiert, wie folgt: Auflösung des Domainnamens – Laden von HTML – Laden von JS und CSS – Laden von Bildern und anderen Informationen.

Dann sollte Dom Ready zwischen „JS und CSS laden“ und „Bilder und andere Informationen laden“ stehen, dann können Sie Dom bedienen.

1.window.onload-Methode

⑴Ausführungszeitpunkt:

Es wird ausgeführt, nachdem alle Elemente auf der Webseite (einschließlich aller zugehörigen Dateien der Elemente) vollständig in den Browser geladen wurden, d. h. JavaScript kann zu diesem Zeitpunkt auf alle Elemente auf der Webseite zugreifen.

⑵Mehrfachverwendung:

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

Das Onload-Ereignis von JavaScript kann jeweils nur einen Verweis auf eine Funktion speichern und überschreibt automatisch die vorherige Funktion mit der letzten Funktion.

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

2.$(document).ready() Methode

⑴ Ausführungszeitpunkt: Kann aufgerufen werden, wenn das DOM vollständig bereit ist. (Dies bedeutet nicht, dass die mit diesen Elementen verknüpften Dateien heruntergeladen wurden)

Zum Beispiel: Die Methode $(document).ready() kann funktionieren, wenn sie weiß, dass das DOM bereit ist, und es besteht keine Notwendigkeit, darauf zu warten, dass alle Bilder heruntergeladen wurden.

⑵Mehrfachverwendung: