JavaScript => Zmienne JavaScript

Wprowadzenie

Zmienne stanowią większość JavaScript. Zmienne te składają się z liczb na obiekty, które są w całym JavaScript, aby znacznie ułatwić sobie życie.

Składnia

var {nazwa_zmiennej} [= {wartość}];

Parametry

nazwa_zmiennej	{Wymagane} Nazwa zmiennej: używana podczas jej wywoływania.
=	[Opcjonalnie] Przypisanie (definiowanie zmiennej)
wartość	{Wymagane przy użyciu przypisania} Wartość zmiennej [domyślnie: niezdefiniowana]

Uwagi

"use strict";

'use strict';

Tryb ścisły powoduje, że JavaScript jest bardziej rygorystyczny, aby zapewnić Ci najlepsze nawyki. Na przykład przypisując zmienną:

"use strict"; // or 'use strict';
var syntax101 = "var is used when assigning a variable.";
uhOh = "This is an error!";

uhOh należy zdefiniować za pomocą var . Tryb ścisły, gdy jest włączony, pokazuje błąd (w konsoli to nie obchodzi). Użyj tego, aby wygenerować dobre nawyki przy definiowaniu zmiennych.

Możesz używać zagnieżdżonych tablic i obiektów przez pewien czas. Czasami są przydatne i przyjemnie się z nimi pracuje. Oto jak działają:

Zagnieżdżone tablice

var myArray = [ "The following is an array", ["I'm an array"] ];

console.log(myArray[1]); // (1) ["I'm an array"]
console.log(myArray[1][0]); // "I'm an array"

var myGraph = [ [0, 0], [5, 10], [3, 12] ]; // useful nested array

console.log(myGraph[0]); // [0, 0]
console.log(myGraph[1][1]); // 10

Obiekty zagnieżdżone

var myObject = {
    firstObject: {
        myVariable: "This is the first object"
    }
    secondObject: {
        myVariable: "This is the second object"
    }
}

console.log(myObject.firstObject.myVariable); // This is the first object.
console.log(myObject.secondObject); // myVariable: "This is the second object"

var people = {
    john: {
        name: {
            first: "John",
            last: "Doe",
            full: "John Doe"
        },
        knownFor: "placeholder names"
    },
    bill: {
        name: {
            first: "Bill",
            last: "Gates",
            full: "Bill Gates"
        },
        knownFor: "wealth"
    }
}

console.log(people.john.name.first); // John
console.log(people.john.name.full); // John Doe
console.log(people.bill.knownFor); // wealth
console.log(people.bill.name.last); // Gates
console.log(people.bill.name.full); // Bill Gates

Definiowanie zmiennej

var myVariable = "This is a variable!";

To jest przykład definiowania zmiennych. Ta zmienna jest nazywana „ciągiem”, ponieważ zawiera znaki ASCII ( AZ , 0-9 !@#$ Itp.)

Używanie zmiennej

var number1 = 5;
number1 = 3;

Tutaj zdefiniowaliśmy liczbę o nazwie „liczba1”, która była równa 5. Jednak w drugim wierszu zmieniliśmy wartość na 3. Aby wyświetlić wartość zmiennej, logujemy ją do konsoli lub używamy window.alert() :

console.log(number1); // 3
window.alert(number1); // 3

Aby dodać, odjąć, pomnożyć, podzielić itp., Robimy to tak:

number1 = number1 + 5; // 3 + 5 = 8
number1 = number1 - 6; // 8 - 6 = 2
var number2 = number1 * 10; // 2 (times) 10 = 20
var number3 = number2 / number1; // 20 (divided by) 2 = 10;

Możemy również dodać ciągi, które je połączą, lub poskładać. Na przykład:

var myString = "I am a " + "string!"; // "I am a string!"

Rodzaje zmiennych

var myInteger = 12; // 32-bit number (from -2,147,483,648 to 2,147,483,647)
var myLong = 9310141419482; // 64-bit number (from -9,223,372,036,854,775,808 to 9,223,372,036,854,775,807)
var myFloat = 5.5; // 32-bit floating-point number (decimal)
var myDouble = 9310141419482.22; // 64-bit floating-point number

var myBoolean = true; // 1-bit true/false (0 or 1)
var myBoolean2 = false;

var myNotANumber = NaN;
var NaN_Example = 0/0; // NaN: Division by Zero is not possible

var notDefined; // undefined: we didn't define it to anything yet
window.alert(aRandomVariable); // undefined

var myNull = null; // null
// to be continued...

Tablice i obiekty

var myArray = []; // empty array

Tablica to zestaw zmiennych. Na przykład:

var favoriteFruits = ["apple", "orange", "strawberry"];
var carsInParkingLot = ["Toyota", "Ferrari", "Lexus"];
var employees = ["Billy", "Bob", "Joe"];
var primeNumbers = [2, 3, 5, 7, 11, 13, 17, 19, 23, 29, 31];
var randomVariables = [2, "any type works", undefined, null, true, 2.51];

myArray = ["zero", "one", "two"];
window.alert(myArray[0]); // 0 is the first element of an array
                          // in this case, the value would be "zero"
myArray = ["John Doe", "Billy"];
elementNumber = 1;

window.alert(myArray[elementNumber]); // Billy

Obiekt jest grupą wartości; w przeciwieństwie do tablic, możemy zrobić coś lepszego od nich:

myObject = {};
john = {firstname: "John", lastname: "Doe", fullname: "John Doe"};
billy = {
    firstname: "Billy",
    lastname: undefined
    fullname: "Billy"
};
window.alert(john.fullname); // John Doe
window.alert(billy.firstname); // Billy

Zamiast tworzyć tablicę ["John Doe", "Billy"] i wywoływać myArray[0] , możemy po prostu wywołać john.fullname i billy.fullname .

Modified text is an extract of the original Stack Overflow Documentation

Licencjonowany na podstawie CC BY-SA 3.0

Nie związany z Stack Overflow

JavaScript
Zmienne JavaScript

Szukaj…