Samouczek JS

JS DOM Wprowadzenie do JS JS Dokąd Wyjście JS Oświadczenia JS Składnia JS Komentarze JS Zmienne JS JS Let JS Const Operatorzy JS Arytmetyka JS Zadanie JS Typy danych JS Funkcje JS Obiekty JS Wydarzenia JS JS Strings Metody ciągów JS Wyszukiwanie ciągów JS Szablony JS String Numery JS Metody liczbowe JS Tablice JS Metody tablic JS Sortowanie tablic JS Iteracja tablicy JS JS Array Const JS Daty Formaty daty JS JS Data Pobierz metody Metody ustawiania daty JS Matematyka JS JS losowo JS Booleans Porównania JS Warunki JS Przełącznik JS Pętla JS dla Pętla JS dla In Pętla JS dla Of Pętla JS, podczas gdy Przerwa JS Iterable JS Zestawy JS Mapy JS Typ JS Konwersja typu JS JS Bitwise JS RegExp Błędy JS Zakres JS JS Podnoszenie Tryb ścisły JS JS to słowo kluczowe Funkcja strzałki JS Klasy JS JS JSON Debugowanie JS Przewodnik po stylu JS Najlepsze praktyki JS Błędy JS Wydajność JS JS słowa zastrzeżone

Wersje JS

Wersje JS JS 2009 (ES5) JS 2015 (ES6) JS 2016 JS 2017 JS 2018 JS IE / Krawędź Historia JS

Obiekty JS

Definicje obiektów Właściwości obiektu Metody obiektowe Wyświetlanie obiektów Akcesoria do obiektów Konstruktorzy obiektów Prototypy obiektów Iterowalne obiekty Zestawy obiektów Mapy obiektów Odniesienie do obiektu

Funkcje JS

Definicje funkcji Parametry funkcji Wywołanie funkcji Wywołanie funkcji Funkcja Zastosuj Zamknięcia funkcji

Klasy JS

Wprowadzenie do zajęć Dziedziczenie klas Klasa statyczna

JS Async

Oddzwaniania JS Asynchroniczny JS JS Obietnice JS Async/Oczekiwanie

JS HTML DOM

Wprowadzenie do DOM Metody DOM Dokument DOM Elementy DOM DOM HTML Formularze DOM DOM CSS Animacje DOM Wydarzenia DOM Odbiornik zdarzeń DOM Nawigacja DOM Węzły DOM Kolekcje DOM Listy węzłów DOM

Zestawienie komponentów przeglądarki JS

Okno JS Ekran JS Lokalizacja JS Historia JS JS Navigator Wyskakujący alert JS Czas JS Pliki cookie JS

JS Web API

Wprowadzenie do internetowego interfejsu API Interfejs API formularzy internetowych Interfejs API historii online API przechowywania danych w sieci Web Web Worker API Internetowy interfejs API pobierania Internetowy interfejs API geolokalizacji

JS AJAX

Wprowadzenie do AJAX AJAX XMLHttp Żądanie AJAX Odpowiedź AJAX Plik XML AJAX AJAX PHP ASP AJAX Baza danych AJAX Aplikacje AJAX Przykłady AJAX

JS JSON

Wprowadzenie do JSON Składnia JSON JSON a XML Typy danych JSON Analiza JSON JSON Obiekty JSON Tablice JSON Serwer JSON JSON PHP JSON HTML JSON JSONP

JS kontra jQuery

Selektory jQuery jQuery HTML jQuery CSS jQuery DOM

Grafika JS

Grafika JS JS płótno JS Działka JS Chart.js Wykres JS Google JS D3.js

Przykłady JS

Przykłady JS JS HTML DOM Wejście JS HTML Obiekty HTML JS Wydarzenia JS HTML Przeglądarka JS Edytor JS Ćwiczenia JS JS Quiz Certyfikat JS

Referencje JS

Obiekty JavaScript Obiekty HTML DOM


Operatory JavaScript


Przykład

Przypisz wartości do zmiennych i dodaj je razem:

let x = 5;         // assign the value 5 to x
let y = 2;         // assign the value 2 to y
let z = x + y;     // assign the value 7 to z (5 + 2)

Operator przypisania ( =) przypisuje wartość do zmiennej.

Zadanie

let x = 10;

Operator dodawania ( +) dodaje liczby:

Dodawanie

let x = 5;
let y = 2;
let z = x + y;

Operator mnożenia ( *) mnoży liczby.

Mnożenie

let x = 5;
let y = 2;
let z = x * y;


Operatory arytmetyczne JavaScript

Operatory arytmetyczne służą do wykonywania arytmetyki na liczbach:

Operator Description
+ Addition
- Subtraction
* Multiplication
** Exponentiation (ES2016)
/ Division
% Modulus (Division Remainder)
++ Increment
-- Decrement

Operatory arytmetyczne są w pełni opisane w rozdziale Arytmetyka JS .


Operatory przypisania JavaScript

Operatory przypisania przypisują wartości do zmiennych JavaScript.

Operator Example Same As
= x = y x = y
+= x += y x = x + y
-= x -= y x = x - y
*= x *= y x = x * y
/= x /= y x = x / y
%= x %= y x = x % y
**= x **= y x = x ** y

Operator przypisania dodawania ( +=) dodaje wartość do zmiennej.

Zadanie

let x = 10;
x += 5;

Operatory przypisania są szczegółowo opisane w rozdziale JS Assignment .


Operatory ciągów JavaScript

Operator +może być również używany do dodawania (konkatenacji) ciągów.

Przykład

let text1 = "John";
let text2 = "Doe";
let text3 = text1 + " " + text2;

Wynikiem text3 będzie:

John Doe

Operator +=przypisania może być również używany do dodawania (konkatenacji) ciągów:

Przykład

let text1 = "What a very ";
text1 += "nice day";

Wynikiem text1 będzie:

What a very nice day

W przypadku użycia na ciągach operator + jest nazywany operatorem konkatenacji.


Dodawanie ciągów i liczb

Dodanie dwóch liczb zwróci sumę, ale dodanie liczby i ciągu znaków zwróci ciąg:

Przykład

let x = 5 + 5;
let y = "5" + 5;
let z = "Hello" + 5;

Wynik x , y i z będzie następujący:

10
55
Hello5

Jeśli dodasz liczbę i ciąg, wynikiem będzie ciąg!


Operatory porównania JavaScript

Operator Description
== equal to
=== equal value and equal type
!= not equal
!== not equal value or not equal type
> greater than
< less than
>= greater than or equal to
<= less than or equal to
? ternary operator

Operatory porównania są w pełni opisane w rozdziale Porównania JS .


Operatory logiczne JavaScript

Operator Description
&& logical and
|| logical or
! logical not

Operatory logiczne są w pełni opisane w rozdziale Porównania JS .


Operatory typu JavaScript

Operator Description
typeof Returns the type of a variable
instanceof Returns true if an object is an instance of an object type

Operatory typów są w pełni opisane w rozdziale Konwersja typów JS .


Operatory bitowe JavaScript

Operatory bitowe działają na liczbach 32-bitowych.

Dowolny operand numeryczny w operacji jest konwertowany na liczbę 32-bitową. Wynik jest konwertowany z powrotem na liczbę JavaScript.
Operator Description Example Same as Result Decimal
& AND 5 & 1 0101 & 0001 0001  1
| OR 5 | 1 0101 | 0001 0101  5
~ NOT ~ 5  ~0101 1010  10
^ XOR 5 ^ 1 0101 ^ 0001 0100  4
<< left shift 5 << 1 0101 << 1 1010  10
>> right shift 5 >> 1 0101 >> 1 0010   2
>>> unsigned right shift 5 >>> 1 0101 >>> 1 0010   2

Powyższe przykłady wykorzystują 4-bitowe przykłady bez znaku. Ale JavaScript używa 32-bitowych liczb ze znakiem.
Z tego powodu w JavaScript ~5 nie zwróci 10. Zwróci -6.
~000000000000000000000000000000101 zwróci 1111111111111111111111111111111010

Operatory bitowe są w pełni opisane w rozdziale JS Bitwise .


Sprawdź się za pomocą ćwiczeń

Ćwiczenie:

Pomnóż 10przez 5i zaalarmuj wynik.

alert(10  5);