Set document.getElementById do zmiennej

Question

następujące utwory:

$ = document.form; 
    x = $.name.value; 

nie:

$ = document.getElementById; 
    x = $("id").value; 

Wszelkie pomysły, dlaczego to nie działa i jak zrobić to tak?

Answer 1

Jeśli próbujesz osiągnąć coś takiego, proponuję użyć jQuery. Ich notacja $ jest znacznie potężniejsza niż po prostu otrzymanie elementu po id.

Ponadto, jeśli używasz platformy, która już używa zmiennej $ jako zmiennej (ASP .Net czasami używa tego), możesz mieć nieprzewidywalny wynik.

Answer 2

Wartość this zależy od sposobu wywołania funkcji.

Po wywołaniu document.getElementById następnie getElementById otrzymuje this === document. Po skopiowaniu getElementById do innej zmiennej, a następnie wywołanie go jako $, następnie this === window (ponieważ window jest zmienną domyślną).

To powoduje, że szuka identyfikatora w obiekcie okna, a nie w obiekcie dokumentu, a to się nie udaje, ponieważ okna nie są dokumentami i nie mają tych samych metod.

Musisz zachować document w rozmowie. W tym celu można użyć funkcji opakowania.

function $ (id) { return document.getElementById(id); } 

... ale proszę nie używać $. To okropne imię. To nie ma znaczenia i będzie mylić ludzi, którzy widzą to i myśleć "Ach, znam jQuery!" lub "Ah! Wiem prototyp" lub itp.

Answer 3

getElementById to metoda prototypu HTMLDocument (z czego document jest instancją). Zatem wywołanie funkcji w kontekście globalnym na pewno dostaniesz "Zły ten błąd" lub coś podobnego.

Można użyć

var $ = document.getElementById.bind(document); 

ale

function $(id) { return document.getElementById(id); } 

jest OK, a może lepiej zrozumieć.

Answer 4

nie wiem, co chcesz osiągnąć, ale może to być praca tak

$ = document.getElementById; 
x = $.call(document, "id").value; 

ponieważ getElementById działa tylko gdy jest to funkcja document ze względu na zakres potrzebuje.

Ale polecam @ Quentina.

Answer 5

Obiekt kontekstu jest inny.Gdy pojawi się odniesienie do funkcji jesteś zmianę tego obiektu kontekstowego:

var john = { 
    name : "john", 
    hello : function() { return "hello, I'm " + this.name } 
} 

var peter = { name : "peter" }; 

peter.hello = john.hello; 

peter.hello() // "hello, I'm peter" 

Jeśli chcesz funkcję odniesienia związanego z konkretnym obiektem kontekstowego, trzeba użyć bind:

peter.hello = john.hello.bind(john); 

peter.hello(); // "hello, I'm john" 

Tak w Twoim przypadku będzie to:

var $ = document.getElementById.bind(document);