var undefined

Question

Siemanko!

Eksprerymentuję dziś nieco z undefined. Da się przypisać do window.undefined inną wartość, ale po chwili zdaje się ona być nadpisana.

console.log(window.undefined = 'string') // 'string'
console.log(window.undefined) // undefined

Czy ktoś mógłby wyjaśnić mi, jak to się dzieje?

Answer 1

Odpowiedź:

Object.getOwnPropertyDescriptor(window, undefined);

// {value: undefined, writable: false, enumerable: false, configurable: false}

wszystkie deskryptory są ustawione na false, co oznacza, że nie da się nadpisać tej właściwości.

Comments

Wielkie dzięki!

---

Nie ma za co :)

Tego typu właściwości możesz też tworzyć w "normalnych" obiektach, np:

const myObj = {};

Object.defineProperty(myObj, 'name', {
  value: 'Tomek',
  writable: false
});

myObj.name;  //"Tomek"
myObj.name = 'Adam';

myObj.name; //"Tomek", zignorowano 'Adam'

 

---

Można dodać, że w strict mode taka próba napisania rzuci błędem.

Answer 2

To jeszcze pociągnę trochę temat.

Czy można użyć stwierdzenia, że jest zarówno typ undefined jak i wartość undefined?

const foo;
console.log(foo);

foo jest typu undefined i ma wartość undefined?

Comments

Nie myśl w ten sposób bo zapędzisz się i pogubisz :)

Generalnie ja proponuję o zmiennych w JS myśleć w taki sposób, że nie tyle mają one jakiś typ, lecz ich wartość jest określonego typu. W tym myśleniu nie ma więc zmiennej x typu string, tylko jest zmienna x, której wartość jest typu string. Według mnie takie podejście lepiej pozwala zrozumieć zmienność typów w JS, to znaczy fakt, że zmienna x może zawierać wartość innego typu, co może lepiej widać na kodzie:

let str = 'Tomek'

typeof str; //"string"

str = 5;    //5
typeof str; //"number"

str = ['Tomek']; //["Tomek"]
typeof str;      //"object"
Object.getPrototypeOf(str) === Array.prototype; //true

W tym wypadku zwróć też uwagę, że dokonuję deklaracji poprzez LET, a nie const, gdyż w przypadku const zmiana typu wartości byłaby niemożliwa.

Tak więc reasumując ja proponuję patrzeć na JS w ten sposób, że jest tu słabe typowanie nie tyle samych zmiennych lecz słabe typowanie wartości zmiennych.

Zobacz też na ostatni przykład. Taka ciekawostka - w JS tablice nie są oddzielnym typem wartości, lecz są obiektami z tzw. prototypem Array.prototype. Pamiętaj o tym, aby nie robić nigdy np. porównania 

const arr = [];

if(arr) {
    //kod, który wykona się zawsze!
}

aby to rozkminić poczytaj sobie o konwersji typów w JS do wartości boolean.

O typach w JS pisałem też kiedyś na moim blogu jeśli byłbyś zainteresowany tą tematyką (PODSTAWOWE TYPY ZMIENNYCH W JS).

---

Dzięki :D w sumie słuszna uwaga, by patrzeć na to przez pryzmat typu wartości zmiennej.

Co arraya, to wspominałem ostatnio w swoim artykule o jeszcze jednym ciekawym błędzie u początkujących.

if(typeof someVariable === 'object'){
  console.log('It is an object!);
} else if (someVariable instanceof Array){
  console.log('This block of code will never run because of the else statement!');
}

Warto o tym pamiętać. Pozdrawiam :)