Hướng dẫn nameof in javascript - tên của trong javascript

Tạo các đối tượng mới

Bạn có thể tạo một đối tượng bằng Trình khởi tạo đối tượng. Ngoài ra, trước tiên bạn có thể tạo hàm tạo hàm và sau đó khởi tạo một đối tượng bằng cách gọi hàm đó với toán tử

let x;
if (cond) {
  x = { greeting: "hi there" };
}

Sử dụng các bộ khởi tạo đối tượng

Bộ khởi tạo đối tượng cũng được gọi là chữ cái. "Bộ khởi tạo đối tượng" phù hợp với thuật ngữ được sử dụng bởi C ++。

Cú pháp cho một đối tượng sử dụng Trình khởi tạo đối tượng là:

const obj = {
  property1: value1, // property name may be an identifier
  2: value2, // or a number
  "property n": value3, // or a string
};

Mỗi tên thuộc tính trước khi phối hợp là một định danh (tên, một số hoặc một chuỗi theo nghĩa đen) và mỗi

let x;
if (cond) {
  x = { greeting: "hi there" };
}

Trong ví dụ này, đối tượng mới được tạo được gán cho một biến

let x;
if (cond) {
  x = { greeting: "hi there" };
}

Bộ khởi tạo đối tượng là các biểu thức và mỗi trình khởi tạo đối tượng dẫn đến một đối tượng mới được tạo bất cứ khi nào câu lệnh xuất hiện được thực thi. Bộ khởi tạo đối tượng giống hệt nhau tạo ra các đối tượng riêng biệt không so sánh với nhau như nhau.

Câu lệnh sau tạo một đối tượng và gán nó cho biến

let x;
if (cond) {
  x = { greeting: "hi there" };
}

const myHonda = {
  color: "red",
  wheels: 4,
  engine: { cylinders: 4, size: 2.2 },
};

let x;
if (cond) {
  x = { greeting: "hi there" };
}

Ví dụ sau đây tạo ra

const myHonda = {
  color: "red",
  wheels: 4,
  engine: { cylinders: 4, size: 2.2 },
};

const myHonda = {
  color: "red",
  wheels: 4,
  engine: { cylinders: 4, size: 2.2 },
};

const myHonda = {
  color: "red",
  wheels: 4,
  engine: { cylinders: 4, size: 2.2 },
};

Các đối tượng được tạo bằng các bộ khởi tạo được gọi là đối tượng đơn giản, bởi vì chúng là các trường hợp của

const myHonda = {
  color: "red",
  wheels: 4,
  engine: { cylinders: 4, size: 2.2 },
};

Sử dụng hàm tạo hàm

Ngoài ra, bạn có thể tạo một đối tượng với hai bước sau:

1. Xác định loại đối tượng bằng cách viết hàm tạo hàm. Có một quy ước mạnh mẽ, với lý do chính đáng, để sử dụng một lá thư ban đầu vốn.
2. Tạo một thể hiện của đối tượng với

   let x;
   if (cond) {
     x = { greeting: "hi there" };
   }
   
   

   6.

Để xác định loại đối tượng, hãy tạo một hàm cho loại đối tượng chỉ định tên, thuộc tính và phương thức của nó. Ví dụ: giả sử bạn muốn tạo một loại đối tượng cho xe hơi. Bạn muốn loại đối tượng này được gọi là

const myHonda = {
  color: "red",
  wheels: 4,
  engine: { cylinders: 4, size: 2.2 },
};

function Car(make, model, year) {
  this.make = make;
  this.model = model;
  this.year = year;
}

Lưu ý rằng việc sử dụng

const myHonda = {
  color: "red",
  wheels: 4,
  engine: { cylinders: 4, size: 2.2 },
};

Bây giờ bạn có thể tạo một đối tượng được gọi là

const myHonda = {
  color: "red",
  wheels: 4,
  engine: { cylinders: 4, size: 2.2 },
};

const myCar = new Car("Eagle", "Talon TSi", 1993);

Câu lệnh này tạo ra

const myHonda = {
  color: "red",
  wheels: 4,
  engine: { cylinders: 4, size: 2.2 },
};

const myHonda = {
  color: "red",
  wheels: 4,
  engine: { cylinders: 4, size: 2.2 },
};

function Car(make, model, year) {
  this.make = make;
  this.model = model;
  this.year = year;
}

function Car(make, model, year) {
  this.make = make;
  this.model = model;
  this.year = year;
}

function Car(make, model, year) {
  this.make = make;
  this.model = model;
  this.year = year;
}

function Car(make, model, year) {
  this.make = make;
  this.model = model;
  this.year = year;
}

function Car(make, model, year) {
  this.make = make;
  this.model = model;
  this.year = year;
}

Bạn có thể tạo bất kỳ số lượng đối tượng

const myHonda = {
  color: "red",
  wheels: 4,
  engine: { cylinders: 4, size: 2.2 },
};

let x;
if (cond) {
  x = { greeting: "hi there" };
}

const kenscar = new Car("Nissan", "300ZX", 1992);
const vpgscar = new Car("Mazda", "Miata", 1990);

Một đối tượng có thể có một thuộc tính tự nó là một đối tượng khác. Ví dụ: giả sử bạn xác định một đối tượng được gọi là

function Car(make, model, year) {
  this.make = make;
  this.model = model;
  this.year = year;
}

function Person(name, age, sex) {
  this.name = name;
  this.age = age;
  this.sex = sex;
}

và sau đó khởi tạo hai đối tượng

function Car(make, model, year) {
  this.make = make;
  this.model = model;
  this.year = year;
}

const rand = new Person("Rand McKinnon", 33, "M");
const ken = new Person("Ken Jones", 39, "M");

Sau đó, bạn có thể viết lại định nghĩa của

const myHonda = {
  color: "red",
  wheels: 4,
  engine: { cylinders: 4, size: 2.2 },
};

const myCar = new Car("Eagle", "Talon TSi", 1993);

function Car(make, model, year) {
  this.make = make;
  this.model = model;
  this.year = year;
}

const s = HD.nameof({myVariable}) + ': ' + JSON.stringify(myVariable);   

Để khởi tạo các đối tượng mới, sau đó bạn sử dụng các đối tượng sau:

const s = HD.nameof({myVariable}) + ': ' + JSON.stringify(myVariable);   

Lưu ý rằng thay vì truyền một chuỗi theo nghĩa đen hoặc giá trị số nguyên khi tạo các đối tượng mới, các câu lệnh trên truyền các đối tượng

const myCar = new Car("Eagle", "Talon TSi", 1993);

const myCar = new Car("Eagle", "Talon TSi", 1993);

const myCar = new Car("Eagle", "Talon TSi", 1993);

Bạn luôn có thể thêm một thuộc tính vào một đối tượng được xác định trước đó. Ví dụ: tuyên bố

Thêm một thuộc tính

const myCar = new Car("Eagle", "Talon TSi", 1993);

const myCar = new Car("Eagle", "Talon TSi", 1993);

const myCar = new Car("Eagle", "Talon TSi", 1993);

const myHonda = {
  color: "red",
  wheels: 4,
  engine: { cylinders: 4, size: 2.2 },
};

Bạn cũng có thể sử dụng cú pháp

const myCar = new Car("Eagle", "Talon TSi", 1993);

const kenscar = new Car("Nissan", "300ZX", 1992);
const vpgscar = new Car("Mazda", "Miata", 1990);

Sử dụng phương thức đối tượng.create ()

Các đối tượng cũng có thể được tạo bằng phương thức

const kenscar = new Car("Nissan", "300ZX", 1992);
const vpgscar = new Car("Mazda", "Miata", 1990);

const s = HD.nameof({myVariable}) + ': ' + JSON.stringify(myVariable);   

Đối tượng và thuộc tính

Một đối tượng JavaScript có các thuộc tính liên quan đến nó. Các thuộc tính đối tượng về cơ bản giống như các biến, ngoại trừ chúng được liên kết với các đối tượng, không phải phạm vi. Các thuộc tính của một đối tượng xác định các đặc điểm của đối tượng.

Ví dụ, ví dụ này tạo ra một đối tượng có tên

const myHonda = {
  color: "red",
  wheels: 4,
  engine: { cylinders: 4, size: 2.2 },
};

const kenscar = new Car("Nissan", "300ZX", 1992);
const vpgscar = new Car("Mazda", "Miata", 1990);

const kenscar = new Car("Nissan", "300ZX", 1992);
const vpgscar = new Car("Mazda", "Miata", 1990);

const kenscar = new Car("Nissan", "300ZX", 1992);
const vpgscar = new Car("Mazda", "Miata", 1990);

const kenscar = new Car("Nissan", "300ZX", 1992);
const vpgscar = new Car("Mazda", "Miata", 1990);

const kenscar = new Car("Nissan", "300ZX", 1992);
const vpgscar = new Car("Mazda", "Miata", 1990);

const kenscar = new Car("Nissan", "300ZX", 1992);
const vpgscar = new Car("Mazda", "Miata", 1990);

const s = HD.nameof({myVariable}) + ': ' + JSON.stringify(myVariable);   

Giống như các biến JavaScript, tên thuộc tính nhạy cảm. Tên thuộc tính chỉ có thể là chuỗi hoặc ký hiệu - tất cả các khóa được chuyển đổi thành chuỗi trừ khi chúng là ký hiệu. Trên thực tế, các chỉ số mảng là các thuộc tính với các khóa chuỗi chứa số nguyên.

Truy cập thuộc tính

Bạn có thể truy cập một thuộc tính của một đối tượng bằng tên thuộc tính của nó. Trình truy cập thuộc tính có hai cú pháp: ký hiệu dấu chấm và ký hiệu khung. Ví dụ: bạn có thể truy cập các thuộc tính của đối tượng

const myHonda = {
  color: "red",
  wheels: 4,
  engine: { cylinders: 4, size: 2.2 },
};

const s = HD.nameof({myVariable}) + ': ' + JSON.stringify(myVariable);   

Tên thuộc tính đối tượng có thể là bất kỳ chuỗi hoặc ký hiệu JavaScript nào, bao gồm một chuỗi trống. Tuy nhiên, bạn không thể sử dụng ký hiệu DOT để truy cập một thuộc tính có tên không phải là định danh JavaScript hợp lệ. Ví dụ: tên thuộc tính có không gian hoặc dấu gạch nối, bắt đầu bằng một số hoặc được giữ bên trong một biến chỉ có thể được truy cập bằng ký hiệu khung. Ký hiệu này cũng rất hữu ích khi tên thuộc tính được xác định động, tức là không thể xác định cho đến khi chạy. Ví dụ như sau:

const s = HD.nameof({myVariable}) + ': ' + JSON.stringify(myVariable);   

Trong mã trên, khóa

function Person(name, age, sex) {
  this.name = name;
  this.age = age;
  this.sex = sex;
}

function Person(name, age, sex) {
  this.name = name;
  this.age = age;
  this.sex = sex;
}

function Person(name, age, sex) {
  this.name = name;
  this.age = age;
  this.sex = sex;
}

function Person(name, age, sex) {
  this.name = name;
  this.age = age;
  this.sex = sex;
}

Bạn cũng có thể truy cập các thuộc tính với giá trị chuỗi được lưu trữ trong một biến. Biến phải được truyền trong ký hiệu khung. Trong ví dụ trên, biến

function Person(name, age, sex) {
  this.name = name;
  this.age = age;
  this.sex = sex;
}

function Person(name, age, sex) {
  this.name = name;
  this.age = age;
  this.sex = sex;
}

function Person(name, age, sex) {
  this.name = name;
  this.age = age;
  this.sex = sex;
}

function Person(name, age, sex) {
  this.name = name;
  this.age = age;
  this.sex = sex;
}

const s = HD.nameof({myVariable}) + ': ' + JSON.stringify(myVariable);   

Điều này cho phép truy cập bất kỳ thuộc tính nào như được xác định trong thời gian chạy:

const s = HD.nameof({myVariable}) + ': ' + JSON.stringify(myVariable);   

Tuy nhiên, hãy cẩn thận khi sử dụng dấu ngoặc vuông để truy cập các thuộc tính có tên được đưa ra bởi đầu vào bên ngoài. Điều này có thể làm cho mã của bạn dễ bị tấn công tiêm đối tượng.

Các thuộc tính không tồn tại của một đối tượng có giá trị

function Person(name, age, sex) {
  this.name = name;
  this.age = age;
  this.sex = sex;
}

function Person(name, age, sex) {
  this.name = name;
  this.age = age;
  this.sex = sex;
}

const s = HD.nameof({myVariable}) + ': ' + JSON.stringify(myVariable);   

Liệt kê các thuộc tính

Có ba cách gốc để liệt kê/Traverse Object Properties:

• const rand = new Person("Rand McKinnon", 33, "M");
  const ken = new Person("Ken Jones", 39, "M");
  

  0 vòng lặp. Phương pháp này đi qua tất cả các thuộc tính chuỗi có thể suy giảm của một đối tượng cũng như chuỗi nguyên mẫu của nó.

• const rand = new Person("Rand McKinnon", 33, "M");
  const ken = new Person("Ken Jones", 39, "M");
  

  1. Phương thức này trả về một mảng chỉ có tên thuộc tính chuỗi riêng ("phím") trong đối tượng

  function Person(name, age, sex) {
    this.name = name;
    this.age = age;
    this.sex = sex;
  }
  

  1, nhưng không phải là trong chuỗi nguyên mẫu.

• const rand = new Person("Rand McKinnon", 33, "M");
  const ken = new Person("Ken Jones", 39, "M");
  

  3. Phương thức này trả về một mảng chứa tất cả các tên thuộc tính chuỗi riêng trong đối tượng

  function Person(name, age, sex) {
    this.name = name;
    this.age = age;
    this.sex = sex;
  }
  

  1, bất kể chúng có thể không có được hay không.

Bạn có thể sử dụng ký hiệu khung với

const rand = new Person("Rand McKinnon", 33, "M");
const ken = new Person("Ken Jones", 39, "M");

const s = HD.nameof({myVariable}) + ': ' + JSON.stringify(myVariable);   

Thuật ngữ "thuộc tính riêng" đề cập đến các thuộc tính của đối tượng, nhưng không bao gồm các thuộc tính của chuỗi nguyên mẫu. Vì vậy, chức năng gọi

const rand = new Person("Rand McKinnon", 33, "M");
const ken = new Person("Ken Jones", 39, "M");

const obj = {
  property1: value1, // property name may be an identifier
  2: value2, // or a number
  "property n": value3, // or a string
};

Trên đây là tương đương với:

const obj = {
  property1: value1, // property name may be an identifier
  2: value2, // or a number
  "property n": value3, // or a string
};

Không có cách tự nhiên để liệt kê các thuộc tính không có thể kích hoạt. Tuy nhiên, điều này có thể đạt được với chức năng sau:

const obj = {
  property1: value1, // property name may be an identifier
  2: value2, // or a number
  "property n": value3, // or a string
};

Để biết thêm thông tin, hãy xem tính khả thi và quyền sở hữu tài sản.

Xóa thuộc tính

Bạn có thể xóa một thuộc tính không được inher bằng toán tử

const rand = new Person("Rand McKinnon", 33, "M");
const ken = new Person("Ken Jones", 39, "M");

const obj = {
  property1: value1, // property name may be an identifier
  2: value2, // or a number
  "property n": value3, // or a string
};

Di sản

Tất cả các đối tượng trong JavaScript kế thừa từ ít nhất một đối tượng khác. Đối tượng được di truyền từ được gọi là nguyên mẫu và các thuộc tính được di truyền có thể được tìm thấy trong đối tượng

const rand = new Person("Rand McKinnon", 33, "M");
const ken = new Person("Ken Jones", 39, "M");

Xác định thuộc tính cho tất cả các đối tượng thuộc một loại

Bạn có thể thêm một thuộc tính cho tất cả các đối tượng được tạo thông qua một hàm tạo nhất định bằng thuộc tính

const rand = new Person("Rand McKinnon", 33, "M");
const ken = new Person("Ken Jones", 39, "M");

const myCar = new Car("Eagle", "Talon TSi", 1993);

const myHonda = {
  color: "red",
  wheels: 4,
  engine: { cylinders: 4, size: 2.2 },
};

const myCar = new Car("Eagle", "Talon TSi", 1993);

const obj = {
  property1: value1, // property name may be an identifier
  2: value2, // or a number
  "property n": value3, // or a string
};

Xác định phương pháp

Phương pháp là một hàm được liên kết với một đối tượng, hoặc, khác nhau, một phương thức là một thuộc tính của một đối tượng là một hàm. Các phương thức được xác định theo cách xác định các hàm bình thường, ngoại trừ việc chúng phải được gán là thuộc tính của một đối tượng. Xem thêm Định nghĩa phương pháp để biết thêm chi tiết. Một ví dụ là:

const obj = {
  property1: value1, // property name may be an identifier
  2: value2, // or a number
  "property n": value3, // or a string
};

Trong đó

const s = HD.nameof({myVariable}) + ': ' + JSON.stringify(myVariable);   

const s = HD.nameof({myVariable}) + ': ' + JSON.stringify(myVariable);   

const s = HD.nameof({myVariable}) + ': ' + JSON.stringify(myVariable);   

Sau đó, bạn có thể gọi phương thức trong bối cảnh của đối tượng như sau:

const obj = {
  property1: value1, // property name may be an identifier
  2: value2, // or a number
  "property n": value3, // or a string
};

Các phương thức thường được xác định trên đối tượng

const rand = new Person("Rand McKinnon", 33, "M");
const ken = new Person("Ken Jones", 39, "M");

const myHonda = {
  color: "red",
  wheels: 4,
  engine: { cylinders: 4, size: 2.2 },
};

const obj = {
  property1: value1, // property name may be an identifier
  2: value2, // or a number
  "property n": value3, // or a string
};

Lưu ý việc sử dụng

const myHonda = {
  color: "red",
  wheels: 4,
  engine: { cylinders: 4, size: 2.2 },
};

const s = HD.nameof({myVariable}) + ': ' + JSON.stringify(myVariable);   

const obj = {
  property1: value1, // property name may be an identifier
  2: value2, // or a number
  "property n": value3, // or a string
};

Sử dụng điều này cho các tài liệu tham khảo đối tượng

JavaScript có một từ khóa đặc biệt,

const myHonda = {
  color: "red",
  wheels: 4,
  engine: { cylinders: 4, size: 2.2 },
};

const s = HD.nameof({myVariable}) + ': ' + JSON.stringify(myVariable);   

const s = HD.nameof({myVariable}) + ': ' + JSON.stringify(myVariable);   

const s = HD.nameof({myVariable}) + ': ' + JSON.stringify(myVariable);   

const s = HD.nameof({myVariable}) + ': ' + JSON.stringify(myVariable);   

const s = HD.nameof({myVariable}) + ': ' + JSON.stringify(myVariable);   

const s = HD.nameof({myVariable}) + ': ' + JSON.stringify(myVariable);   

const s = HD.nameof({myVariable}) + ': ' + JSON.stringify(myVariable);   

const obj = {
  property1: value1, // property name may be an identifier
  2: value2, // or a number
  "property n": value3, // or a string
};

const myHonda = {
  color: "red",
  wheels: 4,
  engine: { cylinders: 4, size: 2.2 },
};

const s = HD.nameof({myVariable}) + ': ' + JSON.stringify(myVariable);   

const myHonda = {
  color: "red",
  wheels: 4,
  engine: { cylinders: 4, size: 2.2 },
};

const s = HD.nameof({myVariable}) + ': ' + JSON.stringify(myVariable);   

const s = HD.nameof({myVariable}) + ': ' + JSON.stringify(myVariable);   

const s = HD.nameof({myVariable}) + ': ' + JSON.stringify(myVariable);   

const myHonda = {
  color: "red",
  wheels: 4,
  engine: { cylinders: 4, size: 2.2 },
};

const s = HD.nameof({myVariable}) + ': ' + JSON.stringify(myVariable);   

const s = HD.nameof({myVariable}) + ': ' + JSON.stringify(myVariable);   

const myHonda = {
  color: "red",
  wheels: 4,
  engine: { cylinders: 4, size: 2.2 },
};

Xác định getters và setters

Getter là một hàm được liên kết với một thuộc tính nhận được giá trị của một thuộc tính cụ thể. Một setter là một hàm được liên kết với một thuộc tính đặt giá trị của một thuộc tính cụ thể. Cùng nhau, họ có thể gián tiếp đại diện cho giá trị của một tài sản.

Getters và setters có thể là

• được xác định trong các bộ khởi tạo đối tượng hoặc
• Đã thêm sau vào bất kỳ đối tượng hiện có.

Trong các bộ khởi tạo đối tượng, getters và setters được xác định giống như các phương thức thông thường, nhưng có tiền tố với các từ khóa

const s = HD.nameof({myVariable}) + ': ' + JSON.stringify(myVariable);   

const s = HD.nameof({myVariable}) + ': ' + JSON.stringify(myVariable);   

let x;
if (cond) {
  x = { greeting: "hi there" };
}

Các thuộc tính của đối tượng

function Person(name, age, sex) {
  this.name = name;
  this.age = age;
  this.sex = sex;
}

• const s = HD.nameof({myVariable}) + ': ' + JSON.stringify(myVariable);   
  

  31 - một số

• const s = HD.nameof({myVariable}) + ': ' + JSON.stringify(myVariable);   
  

  32 - một người nhận trả về

  const s = HD.nameof({myVariable}) + ': ' + JSON.stringify(myVariable);   
  

  31 cộng với 1

• const s = HD.nameof({myVariable}) + ': ' + JSON.stringify(myVariable);   
  

  34 - Một setter đặt giá trị của

  const s = HD.nameof({myVariable}) + ': ' + JSON.stringify(myVariable);   
  

  31 thành một nửa giá trị

  const s = HD.nameof({myVariable}) + ': ' + JSON.stringify(myVariable);   
  

  34 đang được đặt thành

Getters và setters cũng có thể được thêm vào một đối tượng bất cứ lúc nào sau khi tạo bằng phương thức

const s = HD.nameof({myVariable}) + ': ' + JSON.stringify(myVariable);   

let x;
if (cond) {
  x = { greeting: "hi there" };
}

Những hình thức nào trong hai hình thức để chọn phụ thuộc vào phong cách lập trình và nhiệm vụ của bạn trong tay. Nếu bạn có thể thay đổi định nghĩa của đối tượng gốc, có thể bạn sẽ xác định các getters và setters thông qua trình khởi tạo ban đầu. Hình thức này nhỏ gọn và tự nhiên hơn. Tuy nhiên, nếu bạn cần thêm getters và setters sau - có thể vì bạn đã không viết đối tượng cụ thể - thì biểu mẫu thứ hai là biểu mẫu duy nhất có thể. Hình thức thứ hai thể hiện tốt hơn bản chất năng động của JavaScript, nhưng nó có thể làm cho mã khó đọc và hiểu.

So sánh các đối tượng

Trong JavaScript, các đối tượng là một loại tham chiếu. Hai đối tượng riêng biệt không bao giờ bằng nhau, ngay cả khi chúng có cùng thuộc tính. Chỉ so sánh cùng một tham chiếu đối tượng với chính nó mang lại đúng.

let x;
if (cond) {
  x = { greeting: "hi there" };
}

let x;
if (cond) {
  x = { greeting: "hi there" };
}

Để biết thêm thông tin về các nhà khai thác so sánh, hãy xem các nhà khai thác bình đẳng.

Xem thêm

• Để lặn sâu hơn, hãy đọc về kế thừa và chuỗi nguyên mẫu.
• Để tìm hiểu về các lớp (một cách khác để tạo các đối tượng), hãy đọc tham chiếu của các lớp JavaScript.

• " Trước
• Tiếp theo "