objek JavaScript

Objek JavaScript ialah data dengan sifat dan kaedah.

Objek, sifat dan kaedah dalam kehidupan sebenar

Dalam kehidupan sebenar, kereta ialah objek.

Objek mempunyai sifatnya, seperti berat dan warna, dsb., dan kaedah termasuk mula dan berhenti, dsb.:

Semua kereta mempunyai kaedah ini, tetapi masa ia dilaksanakan adalah berbeza. Semua kereta mempunyai sifat ini, tetapi sifat setiap kereta adalah berbeza.

Objek JavaScript

Dalam JavaScript, hampir semuanya adalah objek.

Dalam JavaScript, objek adalah sangat penting Apabila anda memahami objek, anda boleh memahami JavaScript.

Anda telah mempelajari tentang tugasan pembolehubah JavaScript.

Kod berikut menetapkan nilai kereta berubah-ubah kepada "Fiat":

var car = "Fiat";

objek Juga pembolehubah, tetapi objek boleh mengandungi berbilang nilai (pelbagai pembolehubah).

var car = {type:"Fiat", model:500, color:"white"};

Dalam contoh di atas, 3 nilai (" Fiat ", 500, "white") diberikan kepada kereta berubah-ubah.

Dalam contoh di atas, 3 pembolehubah (jenis, model, warna) diberikan kepada kereta pembolehubah.

Petua: Objek JavaScript ialah bekas untuk pembolehubah.

Definisi objek

Anda boleh menggunakan aksara untuk mentakrif dan mencipta objek JavaScript:

Contoh

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>php中文网（php.cn)</title>
</head>
<body>
<p>创建 JavaScript 对象。</p>
<p id="demo"></p>
<script>
    var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};
    document.getElementById("demo").innerHTML =
            person.firstName + " 现在 " + person.age + " 岁.";
</script>
</body>
</html>

Jalankan atur cara dan cuba

Tentukan objek JavaScript untuk merentangi berbilang baris, ruang dan pemisah baris tidak diperlukan:

Contoh

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>php中文网（php.cn)</title>
    </head>
<body>
<p>创建 JavaScript 对象。</p>
<p id="demo"></p>
<script>
    var person = {
        firstName : "John",
        lastName  : "Doe",
        age       : 50,
        eyeColor  : "blue"
    };
    document.getElementById("demo").innerHTML =
            person.firstName + " 现在 " + person.age + " 岁。";
</script>
</body>
</html>

Jalankan program dan cuba

Sifat objek

Boleh dikatakan bahawa "objek JavaScript ialah bekas pembolehubah".

Walau bagaimanapun, kami biasanya menganggap "objek JavaScript sebagai bekas pasangan nilai kunci".

Pasangan kunci-nilai biasanya ditulis sebagai nama : nilai (kunci dan nilai dipisahkan oleh titik bertindih).

Pasangan nilai kunci dalam objek JavaScript sering dipanggil sifat objek.

Petua: Objek JavaScript ialah bekas untuk pembolehubah sifat.

Pasangan nilai kunci objek ditulis seperti:

Susun atur bersekutu dalam PHP
Kamus dalam Python
Jadual Hash dalam C
Peta Hash dalam Java
Jadual cincang dalam Ruby dan Perl

Mengakses sifat objek

Anda boleh akses sifat objek dalam dua cara:

Kaedah 1

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>php中文网（php.cn)</title>
    </head>
<body>
<p>
    有两种方式可以访问对象属性：
</p>
<p>
    你可以使用 .property 或 ["property"].
</p>
<p id="demo"></p>
<script>
    var person = {
        firstName : "John",
        lastName : "Doe",
        id : 5566
    };
    document.getElementById("demo").innerHTML =
            person.firstName + " " + person.lastName;
</script>
</body>
</html>

Jalankan atur cara untuk mencubanya

Kaedah 2

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title> PHP中文网</title>
</head>
<body>
<p>
    有两种方式可以访问对象属性:
</p>
<p>
    你可以使用 .property 或 ["property"]。
</p>
<p id="demo"></p>
<script>
    var person = {
        firstName: "John",
        lastName : "Doe",
        id : 5566
    };
    document.getElementById("demo").innerHTML =
            person["firstName"] + " " + person["lastName"];
</script>
</body>
</html>

Jalankan atur cara untuk cubalah

Mengakses kaedah objek

Anda boleh mencipta kaedah objek menggunakan sintaks berikut:

methodName : function() { code lines }

Anda boleh mengakses kaedah objek menggunakan sintaks berikut:

objectName.methodName()

Biasanya fullName() digunakan sebagai kaedah objek orang, dan fullName digunakan sebagai sifat.

Terdapat banyak cara untuk mencipta, menggunakan dan mengubah suai objek JavaScript.

Terdapat juga banyak cara untuk mencipta, menggunakan dan mengubah suai sifat dan kaedah.

Meneruskan pembelajaran

fail baharu

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网（php.cn)</title> </head> <body> <p>创建 JavaScript 对象。</p> <p id="demo"></p> <script> var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"}; document.getElementById("demo").innerHTML = person.firstName + " 现在 " + person.age + " 岁."; </script> </body> </html>

serahkan Tetapkan Semula Kod

Operasi automatik

objek JavaScript

peringkat rendahTutorial tapak web tiruan perusahaan Imperial CMS

peringkat rendahPemula dengan asas sifar dalam WordPress membina blog peribadi dan laman web korporat

peringkat rendahVideo arahan pembinaan tapak web berasaskan sifar CMS muktamad

peringkat rendahProjek hadapan-Shangyou [amalan komprehensif teknologi HTML/CSS/JS]

PertengahanVue3.0 daripada 0 untuk membina amalan projek sistem pengurusan belakang universal

peringkat rendahKursus front-end berasaskan sifar [pembelajaran lanjutan Vue dan aplikasi praktikal]

peringkat rendahTutorial bahagian hadapan WEB [HTML5+CSS3+JS]

peringkat rendahBermula dengan cepat dengan apipost

PertengahanTutorial praktikal Vue3+TypeScript amalan projek peringkat perusahaan

peringkat rendahMari kita bercakap secara ringkas tentang memulakan perniagaan dalam PHP

PertengahanProjek e-dagang VUE (pertempuran sebenar projek dua bahagian hadapan & belakang)

peringkat rendahAplikasi praktikal Apipost [api, antara muka, ujian automatik, olok-olok]