penggunaan objek javascript

JavaScript ialah bahasa pengaturcaraan yang digunakan secara meluas yang dinamik dan fleksibel. Dalam JavaScript, objek adalah salah satu binaan bahasa yang paling berkuasa dan biasa digunakan. Artikel ini akan memperkenalkan penggunaan, ciri dan aplikasi biasa objek JavaScript.

1. Pengenalan kepada objek JavaScript

Objek JavaScript ialah jenis data yang digunakan untuk merangkum berbilang sifat dan membentuk satu set data. Sintaksnya boleh dibuat menggunakan literal objek, pembina atau kaedah Object.create().

1. Kaedah literal objek

Kaedah literal objek ialah kaedah yang paling mudah dan paling biasa digunakan untuk mencipta objek dalam JavaScript. Sintaks adalah seperti berikut:

var obj = {
  propertyName1: value1,
  propertyName2: value2,
  ...
  propertyNameN: valueN
};

di mana, propertyName ialah nama atribut dan value ialah nilai atribut. Literal objek boleh dianggap sebagai cara seperti JSON untuk mencipta objek.

2. Kaedah Pembina

Kaedah Pembina ialah kaedah mencipta objek dengan mentakrifkan pembina. Sintaksnya adalah seperti berikut:

function Object(propertyName1, propertyName2, ..., propertyNameN) {
  this.propertyName1 = propertyName1;
  this.propertyName2 = propertyName2;
  ...
  this.propertyNameN = propertyNameN;
}
var obj = new Object(value1, value2, ..., valueN);

Antaranya, kata kunci this mewakili objek semasa dan nilai atribut dihantar melalui parameter.

3. Kaedah Object.create()

Object.create() ialah kaedah untuk mencipta objek Ia boleh digunakan untuk mencipta objek baharu dan menentukan prototaip daripada objek tersebut. Sintaksnya adalah seperti berikut:

var obj = Object.create(proto, [propertiesObject])

di mana, proto mewakili objek prototaip, dan propertiesObject mewakili atribut yang akan ditambahkan pada objek dan nilai atributnya.

2. Ciri objek JavaScript

Objek JavaScript mempunyai ciri berikut:

1. Sifat objek

Objek JavaScript terdiri daripada satu set komposisi Atribut. Nama harta boleh menjadi rentetan atau simbol, dan nilai harta boleh menjadi sebarang jenis data, termasuk jenis mudah dan jenis objek. Gunakan nama sifat untuk mengakses nilai harta, contohnya:

var obj = {name: "Tom", age: 20};
console.log(obj.name); // 输出："Tom"

2. Penerangan Harta

Setiap harta objek mempunyai beberapa deskriptor, termasuk boleh dihitung, boleh ditulis, Boleh Dikonfigurasikan dan nilai ​dsb. Deskriptor sifat ini boleh diperoleh menggunakan kaedah Object.getOwnPropertyDescriptor().

3. Kaedah Objek

Objek JavaScript juga boleh mengandungi kaedah, yang merupakan jenis sifat objek khas yang nilainya ialah fungsi. Kaedah boleh digunakan untuk memanipulasi objek dan sifatnya. Contohnya:

var obj = {
  name: "Tom",
  age: 20,
  sayHello: function() {
    console.log("Hello, my name is " + this.name + ", I am " + this.age + " years old.");
  }
};
obj.sayHello(); // 输出："Hello, my name is Tom, I am 20 years old."

4. Prototaip Objek

Objek dalam JavaScript boleh mewarisi sifat dan kaedah melalui prototaip. Setiap objek mempunyai objek prototaip dan anda boleh menggunakan kaedah Object.getPrototypeOf() untuk mendapatkan prototaip objek.

var parent = {x: 1};
var child = Object.create(parent);
console.log(child.x); // 输出：1

3. Aplikasi biasa objek JavaScript

1. Penciptaan kumpulan objek

Menggunakan kaedah literal objek, objek boleh dibuat dalam kelompok.

var arrOfObj = [
   {name: "Tom", age: 20},
   {name: "Jerry", age: 21},
   {name: "Mickey", age: 22}
];

2. Mengakses dan mengubah suai sifat objek

Gunakan . dan [] untuk mengakses dan mengubah suai sifat objek.

var obj = {name: "Tom", age: 20};
console.log(obj.name); // 输出："Tom"
obj.age = 21;
console.log(obj["age"]); // 输出：21

3. Melalukan objek sebagai parameter fungsi

Objek JavaScript boleh digunakan sebagai parameter fungsi untuk menghantar maklumat. Contohnya:

function printObjInfo(obj) {
  console.log("Object name is " + obj.name + ", and age is " + obj.age);
}
var obj = {name: "Tom", age: 20};
printObjInfo(obj);
// 输出："Object name is Tom, and age is 20"

4. Warisan

Warisan prototaip membenarkan objek berkongsi sifat dan kaedah. Contohnya:

function Person(name, age) {
  this.name = name;
  this.age = age;
}
Person.prototype.sayHello = function() {
    console.log("Hello, my name is " + this.name + ", I am " + this.age + " years old.");
};
function Student(name, age, grade) {
  Person.call(this, name, age);
  this.grade = grade;
}
Student.prototype = Object.create(Person.prototype);
Student.prototype.constructor = Student;
Student.prototype.study = function() {
  console.log(this.name + " is studying in grade " + this.grade);
};

var stu = new Student("Tom", 20, 3);
stu.sayHello(); // 输出："Hello, my name is Tom, I am 20 years old."
stu.study(); // 输出："Tom is studying in grade 3"

4. Ringkasan

Objek JavaScript ialah struktur bahasa yang sangat penting yang digunakan untuk merangkum data dan tingkah laku. Literal objek, pembina dan Object.create() ialah tiga cara untuk mencipta objek. Objek mempunyai banyak ciri, termasuk sifat, kaedah, deskriptor harta, prototaip, dll. Objek boleh digunakan untuk mencipta, mengakses dan mengubah suai sifat dalam kelompok, lulus parameter dan melaksanakan warisan, dsb. Mahir dalam pengetahuan asas berkaitan objek boleh membantu pembangun mencipta, memanipulasi dan mengurus struktur data kompleks dalam kod JavaScript dengan cepat.

Atas ialah kandungan terperinci penggunaan objek javascript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!