Różnica między funkcją i Function.prototype

Question

Według this funkcje dziedziczą Function i Function z Function.prototype kolejno:

Światowy Function obiekt nie ma metody lub właściwości własnych, jednak, ponieważ jest to sama funkcja dziedziczy niektóre metody i właściwości za pośrednictwem łańcucha prototypów z Function.prototype.

Jaki jest sens Function.prototype? Dlaczego nie przenieść jego właściwości do Function i pozwolić Function.prototype być undefined? Zamiast tego funkcje będą pochodzić z Function.

samo dotyczy Object itp

Answer 1

funkcje dziedziczą Function

Jesteś cytując MDN luźno. Co to właściwie mówi się: obiekty

funkcyjne dziedziczą Function.prototype

Należy zauważyć, że na stronie MDN, początkowe słowo „funkcja” w zdaniu są kapitalizowane, ale tylko dlatego, że jest u początek zdania, nie dlatego, że odnosi się do obiektu JS Function. Odnosi się to do zwykłych starych funkcji zadeklarowanych jako function() { }.

Pamiętaj, że MDN jest napisany przez zwykłych śmiertelników. Wolałbym, żeby nie używali słów "dziedziczenie" i "dziedziczenie", nie wspominając już o "pochodnych". JS nie ma koncepcji dziedziczenia w ścisłym znaczeniu tego słowa. Jeśli użyjesz tej terminologii, w końcu się pomylisz. To, co ma JS, to prototypy związane z obiektami. Podczas uzyskiwania dostępu do właściwości obiektu, jeśli nie zostanie znaleziony, konsultowany jest prototyp. Jeśli go tam nie odnajdziemy, ponieważ prototyp jest również obiektem z prototypem, konsultowany jest prototyp prototypu i tak dalej w łańcuchu.

Dlatego powyższe zdanie powinno być lepiej napisane jako "obiekty funkcji mają jako swój prototypFunction.prototype".

Przedmiotem JS Function nie jest bezpośrednio związany z Function.prototype, poza faktem, że Function.prototype jest własnością Function, a ponieważ obiekt Function jest sama funkcja, sama ma Function.prototype jak jego pierwowzór. Jakiekolwiek właściwości mogą, ale nie muszą być obecne na Twoim komputerze, nie mają nic wspólnego z łańcuchem prototypów i nie są przez nikogo dziedziczone.

Po wykonaniu (function() { }).call(), właściwość/metoda call jest najpierw sprawdzana na obiekcie funkcji; jeśli tam nie istnieje, tak jak normalnie by nie było, to jest podnoszone na prototypie przypisanym wewnętrznie, gdy funkcja została zadeklarowana, czyli Function.prototype. Gdzie jeszcze można umieścić metody takie jak call lub apply, jeśli nie na Function.prototype? Co jeszcze nazwałbyś prototypem automatycznie przypisanym do funkcji innych niż Function.prototype?

Na marginesie zwróć uwagę, że Function.call rozwiąże poprawnie wewnętrzną funkcję call. Czemu? Nie dlatego, że tam jest miejsce zamieszkania call lub ponieważ pochodzi to z funkcji, w których "dziedziczą" zwykłe funkcje "call", ale ponieważ, jak wspomniałem wcześniej, Function sam jest funkcją, a zatem ma prototyp na jej prototypie: call prototypowy łańcuch.

Jaki jest sens Function.prototype? Dlaczego nie przenieść jego właściwości do Function i pozostawić niezdefiniowaną Function.prototype? Zamiast tego funkcje będą pochodzić z Function.

to właściwość na X stosowana jako prototyp dla obiektów utworzonych za pomocą X jako konstruktora. Dlatego, aby przypisać poprawny prototyp do obiektów utworzonych przy użyciu Function jako konstruktora (który obejmuje funkcje zadeklarowane jako function x() { }), prototyp musi być obecny jako właściwość prototype na Function.

Answer 2

funkcji na prototypie są tworzone tylko raz i dzielonych między każdej instancji. Funkcje utworzone w konstruktorze są tworzone jako nowe obiekty dla każdego nowego obiektu utworzonego za pomocą konstruktora.

Zasadniczo funkcje powinny znajdować się na prototypie, ponieważ zazwyczaj nie będą modyfikowane dla różnych obiektów tego samego typu, a to ma niewielką pamięć/wydajność. Inne właściwości, takie jak obiekty i tablice, powinny być zdefiniowane w konstruktorze, chyba że chcesz utworzyć wspólną, statyczną właściwość, w takim przypadku powinieneś użyć prototypu.

jej łatwiej zobaczyć wyróżnienia z normalnych obiektów lub tablic zamiast funkcji

function Foo(){ 
    this.bar = []; 
} 
var fooObj1 = new Foo(); 
var fooObj2 = new Foo(); 

fooObj1.bar.push("x"); 
alert(fooObj2.bar) //[] 
as opposed to: 

function Foo(){ 
} 

Foo.prototype.bar = [] 
var fooObj1 = new Foo(); 
var fooObj2 = new Foo(); 

fooObj1.bar.push("x"); 
alert(fooObj2.bar) //["x"] 

Answer 3

Trzeba Function.prototype bo jeśli chcesz rozszerzyć funkcje, rozważ to:

Function.prototype.moo = 5; 
function x() { }; 
console.log(x.moo); // 5 

wszystkie funkcje, które sprawiają, teraz ma właściwość moo, kontra:

Function.quack = 6; 
function b() {}; 
console.log(b.quack); // undefined 

To nie jest prawdziwe, jeśli wystarczy uderzyć w obiekt na Function. Każda funkcja NIE dziedziczy właściwości przypisanych do Function, dlatego potrzebna jest Function.prototype.