Najnowsze tutoriale tworzenie stron internetowych
 

JavaScript Przedmioty

❮ Poprzedni Następny Rozdział ❯

Real Life obiektów, właściwości i metody

W prawdziwym życiu, samochód jest obiektem.

Samochód ma właściwości takie jak wagi i koloru, jak i metod startu i zatrzymania:

Obiekt Nieruchomości metody

car.name = Fiat

car.model = 500

car.weight = 850kg

car.color = white
car.start()

car.drive()

car.brake()

car.stop()

Wszystkie samochody mają takie same właściwości, ale wartości właściwości różnią się od samochodu do samochodu.

Wszystkie samochody posiadają tych samych metod, ale metody są wykonywane w różnych momentach.

Przedmioty JavaScript

Już dowiedziałem się, że zmienne JavaScript są pojemniki do wartości danych.

Kod ten przypisuje prostą wartość (Fiat) do zmiennej o nazwie samochodu:

var car = "Fiat";
Spróbuj sam "

Obiekty są zbyt zmienne. Ale obiekty mogą zawierać wiele wartości.

Kod ten przypisuje wiele wartości (Fiat, 500, white) do zmiennej o nazwie samochodu:

var car = {type:"Fiat", model:"500", color:"white"};
Spróbuj sam "

Wartości są zapisywane jako par nazwa: wartość (nazwa i wartość oddzielone dwukropkiem).

Obiekty JavaScript są pojemniki do wymienionych wartości.

Właściwości obiektu

Nazwa: Wartości par (w obiektach JavaScriptu) nazywane są właściwości.

var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};

Nieruchomość Wartość nieruchomości
firstName John
lastName Doe
age 50
eyeColor blue

Metody obiektowe

Metody są działania, które mogą być wykonywane na obiektach.

Metody są przechowywane we właściwościach jak definicje funkcji.

Nieruchomość Wartość nieruchomości
firstName John
lastName Doe
age 50
eyeColor blue
fullName function() {return this.firstName + " " + this.lastName;}

obiekty JavaScript są pojemniki do wymienionych wartości, zwanych właściwości lub metody.

Definicja obiektu

Definiować (i tworzenia) obiektu JavaScript z obiektu dosłownym:

Przykład

var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};
Spróbuj sam "

Spacje i znaki końca linii nie są ważne. Definicję obiektu może obejmować wiele linii:

Przykład

var person = {
    firstName:"John",
    lastName:"Doe",
    age:50,
    eyeColor:"blue"
};
Spróbuj sam "

Dostęp do właściwości obiektu

Możesz uzyskać dostęp do właściwości obiektu na dwa sposoby:

objectName.propertyName

lub

objectName["propertyName"]

Przykład 1

person.lastName;
Spróbuj sam "

przyklad2

person["lastName"];
Spróbuj sam "

Dostęp do metod obiektu

Masz dostęp do metody obiektu z następującą składnią:

objectName.methodName()

Przykład

name = person.fullName();
Spróbuj sam "

Jeśli dostęp do fullName nieruchomości, bez () , zwróci definicję funkcji:

Przykład

name = person.fullName;
Spróbuj sam "

Czy nie deklarowała Ciągi liczb i wartości logicznych jako obiekty!

Gdy zmienna JavaScript jest zadeklarowana ze słowem kluczowym "new" , zmienna jest tworzona jako obiekt:

var x = new String();        // Declares x as a String object
var y = new Number();        // Declares y as a Number object
var z = new Boolean();       // Declares z as a Boolean object

Uniknąć String, liczby i obiektów Boolean. Oni skomplikować kod i spowalniają szybkość wykonania.

Dowiesz się więcej o obiektach w dalszej części tego podręcznika.

Sprawdź się z ćwiczeń!

Ćwiczenie 1 » Ćwiczenie 2» Ćwiczenie 3 »


❮ Poprzedni Następny Rozdział ❯