JavaScript to język programowania wysokiego poziomu, interpretowany, głównie używany do tworzenia interaktywnych i dynamicznych aplikacji internetowych. Jest niezbędnym elementem rozwoju stron internetowych, obok HTML i CSS. Początkowo opracowany przez Brendana Eicha podczas pracy w Netscape, JavaScript ewoluował w wszechstronny język, który wspiera style programowania oparte na zdarzeniach, funkcyjnym i imperatywnym. Obecnie jest integralną częścią technologii internetowych, z szerokim ekosystemem obejmującym liczne frameworki, biblioteki i środowiska uruchomieniowe, w tym Node.js.
JavaScript został stworzony w 1995 roku pod nazwą Mocha, później przemianowany na LiveScript, a ostatecznie na JavaScript, aby skorzystać z popularności Javy. Pierwsza wersja została wydana w Netscape Navigator 2.0, co pozwoliło programistom na dodawanie dynamicznej treści do stron internetowych. Język został ustandaryzowany przez Europejskie Stowarzyszenie Producentów Komputerów (ECMA) jako ECMAScript w 1997 roku, a kolejne wersje wprowadzały kluczowe funkcje, które rozszerzały jego możliwości.
Ewolucja JavaScript obejmowała wprowadzenie funkcji takich jak programowanie obiektowe i programowanie asynchroniczne (obietnice i wywołania zwrotne). Szczególnie ECMAScript 5 (2009) wprowadził „tryb ścisły”, wsparcie dla JSON oraz ulepszone metody tablic, podczas gdy ECMAScript 6 (2015), znany również jako ES6 lub ECMAScript 2015, przyniósł znaczące zmiany, takie jak funkcje strzałkowe, klasy i moduły. Wydanie ES6 oznaczało zmianę paradygmatu, ponieważ uczyniło JavaScript bardziej solidnym językiem odpowiednim do rozwoju aplikacji na dużą skalę.
Dziś JavaScript jest wszechobecny w rozwoju stron internetowych, napędzając frameworki front-endowe, takie jak React, Angular i Vue.js, a także rozwój back-endowy za pomocą Node.js. Język nadal ewoluuje z corocznymi wydaniami ECMAScript, wprowadzając nowe funkcje i ulepszenia. Wraz z rosnącym wykorzystaniem JavaScript w rozwoju aplikacji mobilnych, aplikacjach desktopowych (z użyciem Electron) oraz nawet aplikacjach na poziomie przedsiębiorstw, jego znaczenie i istotność w krajobrazie rozwoju oprogramowania pozostają silne.
JavaScript jest językiem o dynamicznym typowaniu, co pozwala zmiennym przechowywać wartości dowolnego typu bez jawnej deklaracji typu.
let example = "Witaj, świecie!";
example = 42; // Brak błędu, example może zmieniać typy
Funkcje w JavaScript są obywatelami pierwszej klasy, co oznacza, że mogą być przypisywane do zmiennych, przekazywane jako argumenty i zwracane z innych funkcji.
const greet = function(name) {
return `Witaj, ${name}`;
};
console.log(greet("Alicja")); // Wynik: Witaj, Alicja
Wprowadzone w ES6, funkcje strzałkowe oferują bardziej zwięzłą składnię do pisania funkcji i nie wiążą własnego this.
const add = (a, b) => a + b;
console.log(add(2, 3)); // Wynik: 5
Obietnice upraszczają programowanie asynchroniczne, reprezentując wartość, która może być dostępna w przyszłości.
const fetchData = () => {
return new Promise((resolve, reject) => {
// symulacja wywołania API
setTimeout(() => resolve("Dane odebrane!"), 1000);
});
};
fetchData().then(data => console.log(data)); // Wynik po 1 sekundzie: Dane odebrane!
Literały szablonowe umożliwiają łatwą interpolację ciągów i wieloliniowe ciągi.
const name = "Alicja";
const greeting = `Witaj, ${name}!`;
console.log(greeting); // Wynik: Witaj, Alicja!
Przypisanie destrukturyzujące upraszcza wydobywanie wartości z tablic lub właściwości z obiektów.
const person = { name: "Alicja", age: 25 };
const { name, age } = person;
console.log(name, age); // Wynik: Alicja 25
Operator rozprzestrzeniania (...) pozwala na rozszerzanie elementów z iterowalnych, podczas gdy operator reszty zbiera pozostałe elementy do tablicy.
const numbers = [1, 2, 3];
const moreNumbers = [...numbers, 4, 5]; // Wynik: [1, 2, 3, 4, 5]
const sum = (...args) => args.reduce((a, b) => a + b, 0);
console.log(sum(1, 2, 3)); // Wynik: 6
JavaScript wspiera programowanie obiektowe oparte na klasach z użyciem składni class wprowadzonej w ES6.
class Animal {
constructor(name) {
this.name = name;
}
speak() {
console.log(`${this.name} wydaje dźwięk.`);
}
}
const dog = new Animal("Pies");
dog.speak(); // Wynik: Pies wydaje dźwięk.
JavaScript wspiera programowanie modularne poprzez moduły ES6, które używają słów kluczowych import i export.
// module.js
export const name = "Alicja";
export function greet() {
console.log("Witaj!");
}
// main.js
import { name, greet } from './module.js';
console.log(name); // Wynik: Alicja
greet(); // Wynik: Witaj!
Składnia async/await upraszcza pracę z obietnicami, sprawiając, że kod asynchroniczny wygląda bardziej synchronicznie.
const fetchData = async () => {
const response = await fetch('https://api.example.com/data');
const data = await response.json();
return data;
};
fetchData().then(data => console.log(data));
JavaScript działa w różnych środowiskach, z silnikami przeglądarek takimi jak V8 (Chrome) i SpiderMonkey (Firefox) będącymi najbardziej prominentnymi. Node.js pozwala na wykonywanie JavaScript po stronie serwera, umożliwiając programistom budowanie pełnoprawnych aplikacji internetowych z jednolitym językiem zarówno po stronie klienta, jak i serwera.
Typowe IDE i edytory kodu dla JavaScript to Visual Studio Code, WebStorm, Atom i Sublime Text. Narzędzia te oferują funkcje takie jak podświetlanie składni, inteligentne uzupełnianie kodu i wsparcie dla debugowania.
Aby skonfigurować projekt JavaScript, programiści zazwyczaj używają menedżerów pakietów, takich jak npm lub yarn, do zarządzania zależnościami. Typowa struktura projektu obejmuje plik index.html dla interfejsu internetowego, główny plik JavaScript (często main.js) oraz ewentualnie plik package.json do zarządzania pakietami.
npm init -y # Inicjalizuje nowy projekt JavaScript z domyślnymi ustawieniami
npm install express # Instaluje framework Express
JavaScript jest używany w wielu aplikacjach, w tym:
Główne konkurencyjne języki i alternatywy dla JavaScript to:
Każdy język ma swoje mocne i słabe strony w zależności od specyficznych potrzeb projektu lub aplikacji.
Aby przetłumaczyć kod JavaScript na inne języki lub odwrotnie, można użyć narzędzi takich jak Babel (do transpilingu nowoczesnego JavaScript do starszych wersji) lub TypeScript (do sprawdzania typów i transpilingu do JavaScript). Biblioteki takie jak jQuery mogą również pomóc w manipulacji DOM w różnych środowiskach, oferując spójną API.
Oprócz Babel i TypeScript, inne narzędzia mogą pomóc w tłumaczeniu lub konwertowaniu kodu JavaScript: