Výukový program JS

JS HOME Úvod do JS JS Kam vést Výstup JS JS prohlášení Syntaxe JS Komentáře JS JS proměnné JS Let JS Const Operátoři JS JS aritmetika Zadání JS JS datové typy Funkce JS JS objekty Události JS JS struny JS String Methods JS String Search Šablony řetězců JS JS čísla Metody čísel JS JS Arrays Metody JS Array JS Array Sort Iterace pole JS JS Array Const JS Termíny Formáty data JS JS metody získávání data JS metody nastavení data JS Math JS Náhodný JS Booleans JS Srovnání Podmínky JS Přepínač JS JS Loop For JS Loop For In JS Loop For Of Zatímco JS Loop JS Break JS Iterables Sady JS Mapy JS Typ JS Konverze typu JS JS Bitwise JS RegExp Chyby JS Rozsah JS JS Zvedací zařízení Přísný režim JS JS toto klíčové slovo Funkce šipky JS JS třídy JS JSON Ladění JS Průvodce stylem JS JS Best Practices Chyby JS Výkon JS JS Reserved Words

Verze JS

Verze JS JS 2009 (ES5) JS 2015 (ES6) JS 2016 JS 2017 JS 2018 JS IE / Edge Historie JS

JS objekty

Definice objektů Vlastnosti objektu Objektové metody Zobrazení objektu Objektové přístupové objekty Konstruktory objektů Prototypy objektů Iterovatelné objekty Sady objektů Mapy objektů Reference objektu

Funkce JS

Definice funkcí Funkční parametry Vyvolání funkce Volání funkce Funkce Použít Funkční uzávěry

JS třídy

Úvod do třídy Třídní dědičnost Třída Statická

JS Async

JS zpětná volání JS asynchronní JS Sliby JS Async/Await

JS HTML DOM

Úvod do DOM Metody DOM Dokument DOM Prvky DOM DOM HTML Formuláře DOM DOM CSS DOM animace Události DOM DOM Event Listener Navigace DOM DOM uzly Kolekce DOM Seznamy uzlů DOM

Kusovník prohlížeče JS

Okno JS Obrazovka JS Umístění JS Historie JS JS Navigator Popup Alert JS Časování JS Soubory cookie JS

Webová rozhraní API JS

Úvod do webového rozhraní API Web Forms API Webová historie API Web Storage API Web Worker API Web Fetch API Web Geolocation API

JS AJAX

Úvod do AJAXu AJAX XMLHttp Požadavek AJAX Odpověď AJAX Soubor XML AJAX AJAX PHP AJAX ASP Databáze AJAX Aplikace AJAX Příklady AJAX

JS JSON

Úvod do JSON Syntaxe JSON JSON vs XML Datové typy JSON Analýza JSON JSON Stringify Objekty JSON Pole JSON Server JSON JSON PHP JSON HTML JSON JSONP

JS vs jQuery

Selektory jQuery HTML jQuery jQuery CSS jQuery DOM

Grafika JS

Grafika JS JS Canvas JS Plotly JS Chart.js JS Google Chart JS D3.js

Příklady JS

Příklady JS JS HTML DOM Vstup HTML JS JS HTML objekty JS HTML události Prohlížeč JS Editor JS Cvičení JS JS kvíz Certifikát JS

JS Reference

Objekty JavaScriptu HTML DOM objekty


JavaScript Let

Klíčové letslovo bylo představeno v ES6 (2015) .

Proměnné definované pomocí letnelze znovu deklarovat.

Proměnné definované pomocí letmusí být před použitím deklarovány.

Proměnné definované pomocí letmají rozsah bloku.

Nelze znovu deklarovat

Proměnné definované pomocí letnelze znovu deklarovat .

Nemůžete náhodně znovu deklarovat proměnnou.

S lettímto nemůžete:

Příklad

let x = "John Doe";

let x = 0;

// SyntaxError: 'x' has already been declared

S vartím můžete:

Příklad

var x = "John Doe";

var x = 0;

Rozsah bloku

Před ES6 (2015) měl JavaScript pouze globální rozsah a rozsah funkcí .

ES6 představil dvě důležitá nová klíčová slova JavaScript: leta const.

Tato dvě klíčová slova poskytují v JavaScriptu rozsah bloku .

K proměnným deklarovaným uvnitř bloku { } nelze přistupovat zvenčí bloku:

Příklad

{
  let x = 2;
}
// x can NOT be used here

Proměnné deklarované pomocí varklíčového slova NEMOHOU mít rozsah bloku.

K proměnným deklarovaným uvnitř bloku { } lze přistupovat zvenčí bloku.

Příklad

{
  var x = 2;
}
// x CAN be used here

Opětovná deklarace proměnných

Opětovná deklarace proměnné pomocí varklíčového slova může způsobit problémy.

Opětovná deklarace proměnné uvnitř bloku také znovu deklaruje proměnnou mimo blok:

Příklad

var x = 10;
// Here x is 10

{
var x = 2;
// Here x is 2
}

// Here x is 2

letTento problém může vyřešit opětovná deklarace proměnné pomocí klíčového slova.

Opětovná deklarace proměnné uvnitř bloku nebude znovu deklarovat proměnnou mimo blok:

Příklad

let x = 10;
// Here x is 10

{
let x = 2;
// Here x is 2
}

// Here x is 10

Podpora prohlížeče

Klíčové letslovo není plně podporováno v aplikaci Internet Explorer 11 nebo starší.

Následující tabulka definuje první verze prohlížeče s plnou podporou letklíčového slova:

Chrome 49 Edge 12 Firefox 44 Safari 11 Opera 36
Mar, 2016 Jul, 2015 Jan, 2015 Sep, 2017 Mar, 2016


Opětovná deklarace

Opětovná deklarace proměnné JavaScriptu pomocí varje povolena kdekoli v programu:

Příklad

var x = 2;
// Now x is 2

var x = 3;
// Now x is 3

S let, opětovné deklarování proměnné ve stejném bloku NENÍ povoleno:

Příklad

var x = 2;    // Allowed
let x = 3;    // Not allowed

{
let x = 2;    // Allowed
let x = 3     // Not allowed
}

{
let x = 2;    // Allowed
var x = 3     // Not allowed
}

Opětovné deklarování proměnné pomocí let, v jiném bloku, JE povoleno:

Příklad

let x = 2;    // Allowed

{
let x = 3;    // Allowed
}

{
let x = 4;    // Allowed
}

Nechte zdvihání

Proměnné definované pomocí varjsou zvednuty nahoru a lze je kdykoli inicializovat.

Význam: Proměnnou můžete použít před jejím deklarováním:

Příklad

Toto je v pořádku:

carName = "Volvo";
var carName;

Pokud se chcete o zdvihání dozvědět více, prostudujte si kapitolu JavaScript zdvihání .

Proměnné definované pomocí letjsou také zvednuty do horní části bloku, ale nejsou inicializovány.

Význam: Použití letproměnné před jejím deklarováním bude mít za následek ReferenceError:

Příklad

carName = "Saab";
let carName = "Volvo";