Typy danych w JavaScripcie

Szybka ściągawka z typów danych w JS. W pigułce. :)

Najkrócej rzecz ujmując, w JavaScripcie typy danych dzielimy na proste i złożone.

TYPY PROSTE

Prostych typów jest pięć (uwaga dla fanów mnemotechniki: podwójne "P" - pięć prostych ;)):

1. string, czyli napis

var string = "Jestem napisem!"



2. number, czyli liczba
   (jest jeden wspólny typ, tzn. nie ma rozróżnienia na liczby całkowite i rzeczywiste)

var number = 19;

var number = 6.5;



3. boolean, czyli true lub false

var boolean = true;



4. undefined, czyli coś niezdefiniowanego (nie wiadomo co)

var something;

var something = undefined;



5. null, czyli brak wartości

var nothing = null;

To tyle, jeśli chodzi o ECMAScript 5.

Wersja 6 ECMAScript (z 2015 roku) wprowadziła dodatkowy, szósty typ prosty: symbol.

var symbol1 = Symbol();

var symbol2 = Symbol("napis"); // parametr (w którym przekazujemy string)
// jest opcjonalny; to opis służący wyłącznie do debbugowania

Wywołanie funkcji Symbol() każdorazowo zwraca anonimową, unikalną wartość typu symbol. Wartość ta może być używana jako klucz właściwości obiektu, gdy chcemy, aby dana właściwość była prywatna (dostępna wyłącznie wewnątrz danej funkcji lub obiektu).

Coś extra, czyli FALSY VALUES

Wspomniane wcześniej typy undefined oraz null poza tym, że wzbudzają konsternację i semantyczno-logiczne trudności (różnica między nimi jest na tyle subtelna, że trudno ująć ją w słowach; nie do końca wiadomo, czemu służyć ma to rozróżnienie na brak wartości i wartość nieznana/nieokreślona), to należą do tzw. falsy values, czyli wartości, które w pewnych kontekstach rzutowane są do false. Zahaczamy tutaj o temat koercji - rozwinę ten wątek w wolnej chwili. :)

Falsy values w JS jest aż sześć - pełna lista poniżej:

• undefined
• null
• 0
• "", czyli pusty string (o długości = 0), bez żadnego znaku (uwaga! znakiem jest też spacja, to: " " nie jest pusty string)
• false (czyli jedna z wartości booleana)
• NaN (not a number)

TYPY ZŁOŻONE

Najpowszechniejsze, najczęstsze typy złożone w JS to:

1. obiekty

var object = {
  width: 10;
  length: 10;
  color: "blue";
};



2. tablice / listy
udostępniają operacje typowe zarówno dla list (np. pop, push), jak i dla tablic (np. new Array(10), array[3]); dlatego Array w JS jest - w zależności od sposobu użycia - albo tablicą, albo listą, albo tym i tym jednocześnie

var array = ["jajka", "masło", 7];



3. funkcje

function(a, b) {
  c = 7;
  return a + b * c;
}



4. obiekty stworzone przez własne konstruktory

function Area(width, length) = {
  this.width = width;
  this.lenght = length;
}

var myArea = new Area(12, 10);

Z typami złożonymi rzecz ma się tak, że w ostatecznym rozrachunku wszystkie są obiektami. Czyli dziedziczą po Object.prototype, który ma to do siebie, że można na nim przypiąć dowolny atrybut (parę klucz-wartość). W związku z tym otwiera się - dość nieoczywista - możliwość przypinania atrybutów na liście czy funkcji. Przykład poniżej:

var array = ["jajka", "masło", 7];

array.cost = 1000;

To, że można to robić, nie znaczy, że trzeba i że jest to dobre. :) Tworzymy w ten sposób programistycznego Frankensteina. Stosowanie takich dziwacznych, hybrydowych struktur raczej nie wpłynie dobrze na czytelność kodu.

Na zakończenie i rozluźnienie - podejrzane typy od Jarońskiego. Załatwiają swoje ciemne sprawki. ;)

źródło: facebook.com/panjaron/