Đối tượng trong JavaScript

Một đối tượng JavaScript là một thực thể có trạng thái và hành vi (các thuộc tính và phương thức). Ví dụ: xe hơi, bút, xe đạp, ghế, kính, bàn phím, màn hình, v.v.

JavaScript là một ngôn ngữ dựa trên đối tượng. Mọi thứ đều là một đối tượng trong JavaScript.

JavaScript dựa trên mẫu chứ không dựa trên lớp. Ở đây, chúng ta không tạo lớp để lấy đối tượng. Nhưng, chúng ta trực tiếp tạo ra các đối tượng.

Tạo đối tượng trong JavaScript

Có 3 cách để tạo đối tượng.

1. Bằng cách sử dụng chuỗi chữ.
2. Bằng cách tạo thể hiện của Object (sử dụng từ khóa new).
3. Bằng cách sử dụng một hàm tạo đối tượng (sử dụng từ khóa new).

Tạo đối tượng trong JavaScript bằng chuỗi chữ

Cú pháp:

object = {property1: value1, property2: value2 ..... propertyN: valueN}

Như bạn có thể thấy, thuộc tính và giá trị được phân tách bởi: (dấu hai chấm).

Hãy xem ví dụ đơn giản về tạo đối tượng trong JavaScript.

<script>
    emp = {
        id : 102,
        name : "David",
        salary : 40000
    }
    document.write(emp.id + " " + emp.name + " " + emp.salary);
</script> 

Kết quả:

102 David 40000

Bằng cách tạo thể hiện của Object (sử dụng từ khóa new)

Cú pháp:

var objectname=new Object();  

Ở đây, từ khóa new được sử dụng để tạo đối tượng.

Ví dụ sử dụng Object để tạo đối tượng:

< script >  
<script>
    var emp = new Object();
    emp.id = 101;
    emp.name = "David";
    emp.salary = 50000;
    document.write(emp.id + "" + emp.name + "" + emp.salary);
</script>
</ script >  

Kết quả:

101 David 50000

Bằng cách sử dụng một hàm tạo đối tượng (sử dụng từ khóa new)

Ở đây, bạn cần tạo hàm với các đối số. Mỗi giá trị đối số có thể được chỉ định trong đối tượng hiện tại bằng cách sử dụng từ khóa this.

Từ khóa this đề cập đến đối tượng hiện hành.

Ví dụ về việc tạo đối tượng bằng cách xây dựng đối tượng được đưa ra dưới đây.

<script>
    function emp(id, name, salary) {
        this.id = id;
        this.name = name;
        this.salary = salary;
    }
    e = new emp(103, "David", 30000);

    document.write(e.id + " " + e.name + " " + e.salary);
</script>

Kết quả:

103 David 30000

Định nghĩa phương thức trong đối tượng JavaScript

Chúng ta có thể định nghĩa phương thức trong đối tượng JavaScript. Nhưng trước khi định nghĩa phương thức, chúng ta cần thêm thuộc tính trong hàm có cùng tên với phương thức.

Ví dụ về định nghĩa phương thức trong đối tượng.

<script>
    function emp(id, name, salary) {
        this.id = id;
        this.name = name;
        this.salary = salary;

        this.changeSalary = changeSalary;
        function changeSalary(otherSalary) {
            this.salary = otherSalary;
        }
    }
    e = new emp(103, "David", 30000);
    document.write(e.id + " " + e.name + " " + e.salary);
    e.changeSalary(45000);
    document.write("<br>" + e.id + " " + e.name + " " + e.salary);
</script>

Kết quả:

103 David 30000
103 David 45000