Javascript - this is not a Date object

Question

Witam, mam taką roboczą funkcję:

function translateDate(unixTimestamp) {
	var date = new Date(unixTimestamp);
	return date.getHours;
}

jednak po wywołaniu jej

//jakis string
     .replace("{SEND_DATE}", translateDate(obj[key].send_date * 1000))

otrzymuję błąd:

Uncaught TypeError: this is not a Date object.
    at getHours (<anonymous>)
    at String.replace (<anonymous>)
    at Object.success (main.js:52)
    at c (jquery-3.5.1.min.js:2)
    at Object.fireWith [as resolveWith] (jquery-3.5.1.min.js:2)
    at l (jquery-3.5.1.min.js:2)
    at XMLHttpRequest.<anonymous> (jquery-3.5.1.min.js:2)

Co się dzieje i jak to naprawić? Dodam, że jeśli zamienię funkcję na zwrócenie całej daty

function translateDate(unixTimestamp) {
	var date = new Date(unixTimestamp);
	return date;
}

to wszystko działa bez zarzutu.

Z góry dziękuję za pomoc

Comments

Co to znaczy wszystko działa bez zarzutu, co tam jest dokładnie zwracane?

Answer 1

Błąd "Uncaught TypeError: this is not a Date object.", pojawia się, ponieważ metoda getHours wg specyfikacji jest wykonywana w kontekście (this) obiektu Date - a w pierwszym fragmencie kodu OP tak się nie dzieje. Poniżej analogiczna sytuacja:

var date = new Date();
var gh = date.getHours;
console.log(gh()); // TypeError

W momencie przypisania metody date.getHours do zmiennej, która jest potem wołana jako samodzielna funkcja, this nie wskazuje już na obiekt date.

Więcej o takiej sytuacji można poczytać tutaj: https://javascript.info/reference-type

---

Problem można rozwiązać zwracając zbindowaną metodę date.getHours:

function translateDate(unixTimestamp) {
    var date = new Date(unixTimestamp);
    return date.getHours.bind(date);
}

Comments

Małe sprostowanie do:

W momencie przypisania metody date.getHours do zmiennej, która jest potem wołana jako samodzielna funkcja, this nie wskazuje już na obiekt date.

W momencie wywołania zmiennej gh jako samodzielnej funkcji, jej this nie wskazuje już na obiekt date - tak jak to jest w przypadku wywołania date.getHours.

Kontekst this jest automatycznie ustawiany w momencie wywołania funkcji, a nie przypisywania jej referencji do zmiennej.

Answer 2

Błąd jaki tu widze to powinieneś zwracać rezultat funkcji a nie funkcje (date.getHours()), ale nie wiem czy to jest rozwiązanie problemu

function translateDate(unixTimestamp) {
    var date = new Date(unixTimestamp);
    return date.getHours();
}