Zmienne w JavaScript

Apr 03 2023
W JavaScript zmienna jest kontenerem przechowującym wartość. Zmienne służą do przechowywania wartości danych, do których można później uzyskać dostęp i którymi można manipulować w programie.

W JavaScript zmienna jest kontenerem przechowującym wartość. Zmienne służą do przechowywania wartości danych, do których można później uzyskać dostęp i którymi można manipulować w programie. Aby utworzyć zmienną w JavaScript, musisz użyć słów kluczowych „var”, „let” lub „const”, po których następuje nazwa zmiennej.

Mówiąc prościej, w języku programowania zmienna jest jak karton. Wyobraź sobie, że chcesz zapakować kilka książek do pudełka, nadasz mu etykietę książki i włożysz do niego książki. W ten sam sposób w javascript używamy słów kluczowych „var”, „let” i „const”, aby zadeklarować zmienną (pudełko kartonowe) i nadać jej nazwę oraz umieścić w niej dane (książki).

Omówimy słowa kluczowe „ let ” i „ const ”, „ var ” jest jak „ let ”, ale let to nowoczesny sposób. W przyszłości poznamy różnicę między var i let

Uczmy się, oglądając praktyczne przykłady

Deklarowanie zmiennej w javascript

Najpierw używamy słowa kluczowego let lub const i nadajemy zmiennej nazwę, ten krok nazywa się deklaracją zmiennej.

Tutaj używamy słowa kluczowego „let”, aby zadeklarować zmienną i nadać jej nazwę wiek

let age;

let age;
    age = 25;

Możemy również zadeklarować zmienną i przypisać jej wartość w jednej linii

let age = 25;

Możemy zadeklarować wiele zmiennych na wiele sposobów

let name = "som";
let age = 25;
let city = "mumbai";
let name = "som" , age = 25 , city = "mumbai";
let name = "som",
    age = 25,
    city = "mumbai";

poruszanie się do przodu,

Jak widać, do tej pory używaliśmy słowa kluczowego let , teraz użyjmy słowa kluczowego const i poznajmy różnicę między let i const.

W JavaScript główną różnicą między „ let ” a „ const ” jest ich zmienność.

Słowo kluczowe „ let ” służy do deklarowania zmiennych zmiennych lub zmiennych. Oznacza to, że wartość zmiennej zadeklarowanej za pomocą „let” może zostać ponownie przypisana lub zmodyfikowana.

Przykład

let age = 25;
    age = 26;
// now our variable age stores value 26 inside it

const age = 25;
      age = 26;
// it will give an error because values for variable declared using const can not changed

const name;
      name = "som";  // this is wrong, it will give error

const name = "som";  // this is correct

Przenoszenie danych między zmiennymi

Możemy również przenosić/kopiować dane pomiędzy wieloma zmiennymi

let city = "mumbai";
let newCity = city;

// Now our variable newCity has the value "mumbai" inside it.

let name = "som";
let name = "rahul"; 
// it will give error because we can not declare variable again

let name = "som";
    name = "rahul";
// this is correct way, as we are calling the variable not declaring again

Konwencje nazewnictwa zmiennych

To trzy zasady, których musimy przestrzegać

  • Nazwa zmiennej powinna zawierać tylko litery, cyfry i symbole $ i _
  • Nazwa zmiennej nie może zaczynać się od liczby
  • Nazwa zmiennej nie może być słowami rezerwowymi javascript (takimi jak let, const, for, object, function itp.)

//  correct ways
let name = "som";
let $name = "som";
let name_ = "som";
let name25 = "som";

// incorrect ways
let 25name = "som";  // starting with number
let full-name = "som"; // only _ and $ symbol are allowed
let let = "som"; // reserved word let can not be a variable name

let fruit = "apple";
let Fruit = "banana";
let FRUIT = "kiwi";
// all these are different variables

let fullName = "som gupta";
// In camelCase, first letter should be lowercase and first letter of second
   word should be uppercase

// we can also use _ for multi name variable
let full_name = "som gupta";

// but camelCase is the best practice to use multi word variable

let name = "som";
let age = 27;
let city = "mumbai";

// do not use variable names like x ,y ,z or var1 , var2 , var3.
let x = "som";
let y = 27;
let z = "mumbai";

// Always give variables meaningfull name

W końcu dowiedziałeś się o zmiennych w javascript.

zróbmy szybkie podsumowanie

najpierw dowiedzieliśmy się o zmiennych, że zmienna jest „nazwanym magazynem” danych, następnie dowiedzieliśmy się o deklaracji zmiennej i przypisywaniu jej wartości. Dowiedzieliśmy się również o różnicy między const i let. W ostatniej sekcji dowiedzieliśmy się o konwencjach nazewnictwa dla zmiennych javascript.

Rewizja

// declaring variable using let and const
const name = "som";
let age = 25;

// changing variable value
const animal = "cat";
      animal = "dog" // error, can't change variable value for const
let paws = 5;
    paws = 6; // we can change value for let 

// copying value from one variable to another
let girlfriend = "akshata";
let wife = girlfriend; // now variable wife has value "akshata"

// declaring same variable again 
let fruit = "apple"
let fruit = "banana" // error , because can't redeclare variable again

Instead

let fruit = "kiwi";
    fruit = "mango"; 

// Variable naming conventions
correct ways
let name = "som";
let age = 27; 
let city = "mumbai";
let $ = "money";

incorrect ways
let 78name = "som"; 
let full-name = "som gupta";
let const = "mumbai"; 


dziękuję bardzo za przeczytanie.