Định nghĩa đối tượng theo 2 cách - sự khác biệt là gì?

Question

Tôi mới sử dụng các đối tượng trong javascript. Đọc về chủ đề này trên https://developer.mozilla.org/en-US/docs/Web/JavaScript/A_re-introduction_to_JavaScript và hơi bối rối.

Tôi không hiểu sự khác biệt giữa các hàm và đối tượng. Một mặt, hàm được cho là và thể hiện hàm (là một đối tượng con) và do đó một hàm cũng được coi là một đối tượng.

Trên đối tượng Mặt khác bản thân được ký hiệu là một cặp khóa-giá trị, chẳng hạn như:

1. var User = {name:"Tomy", password:"secret"}

   và điều này là hoàn toàn khác với một định nghĩa chức năng về tính tương thích mã ..

   Tôi có thể tạo hàm không bằng hai cách khác nhau không?

2. var User = function() {this.name="Tomy"; this.password="secret";}

Answer 1

Trong ví dụ này, User hiện giữ một đối tượng.

var User = {name:"Tomy", password:"secret"} 
typeof User === "object" 
User.name === "Tomy" 

Trong ví dụ này, User sẽ giữ chức năng. Chức năng này có thể được sử dụng để tạo các đối tượng.

var User = function() {this.name="Tomy"; this.password="secret";} 
typeof User === "function" 
User.name === undefined 

Sau đó, bạn có thể tạo bao nhiêu người dùng tùy thích.

var user1 = new User(), user2 = new User(); 
user1.name === "Tomy" 

---

Một ví dụ thực tế hơn, sẽ là:

var User = function (name, pass) {this.name=name; this.password=pass;} 

var john = new User("John", "secret") 
var andrew = new User("Andrew", "passw0rd") 

john.password === "secret" 

chung constructors (chức năng mà làm cho các đối tượng) là linh hoạt hơn literals đối tượng, và cho phép để tạo thuận tiện và phù hợp của các đối tượng (lỗi dễ phát hiện hơn, ít mã trùng lặp hơn).

Không có sự không thống nhất giữa các trình duyệt trong hai phương pháp.

---

Để hiểu được new keyword là gì và hiệu quả sẽ xảy ra tại "khoảnh khắc sáng tạo", xem What is the 'new' keyword in JavaScript? và How does the new operator work in JavaScript?

Answer 2

Người đầu tiên tạo ra một thể hiện của một đối tượng với hai thuộc tính. Bạn có thể truy cập chúng như thế này:

User.name; // Tomy 
User.password; // secret 

Thứ hai tạo ra định nghĩa về một đối tượng mà bạn có thể tạo trường hợp riêng biệt và chúng sẽ có trường hợp riêng biệt. Ví dụ:

var a = new User(); 
a.name; // Tomy 
a.password; // secret 
var b = new User(); 
b.name = "Ralph"; 
a.name; // Tomy 
b.name; // Ralph 

Answer 3

Hai từ khóa không tương đương với từ xa. Phiên bản đầu tiên tạo một đối tượng, với các thuộc tính name và password được đặt. Phiên bản thứ hai tạo ra một hàm chưa được thực hiện; không có thuộc tính nào được đặt cho đến khi new User được gọi.