Đối tượng trong JavaScript

Hôm nay eLib.VN sẽ giới thiệu một khái niệm tương đối mới đó chính là Đối tượng (Object) trong JavaScript. Nó là cốt lõi của lập trình hướng đối tượng. Cùng theo dõi bài viết dưới đây để biết thêm về đối tượng trong JavaScript

Đối tượng trong JavaScript

1. Đối tượng là gì?

Trong thực tế đời sống, đối tượng là một thực thể, ví dụ: Sinh viên, xe máy, điện thoại, laptop, …..

Ví dụ:

Một đối tượng sinh viên ta sẽ quan tâm đến những thông tin như là: Họ tên, năm sinh, giới tính, mã số sinh viên, quê quán,… và đối với những sinh viên khác nhau thì sẽ có những giá trị khác nhau.

Ngoài những thông số thì ta cũng quan tâm đến những hoạt động của đối tượng sinh viên: học bài, ngủ, xem phim, tập thể dục, …. Và đối với những sinh viên khác nhau thì hành động này sẽ thực hiện vào những thời điểm khác nhau.

Tóm lại:

  • Đối tượng là một thực thể
  • Một đối tượng sẽ có các thông tin và hành động
  • Các đối tượng có thể có thuộc tính giống nhau nhưng giá trị lại khác nhau
  • Các đối tượng khác nhau sẽ thực hiện những hành động vào những thời điểm khác nhau.

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

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

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

3. 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

4. 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

5. 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

6. Đị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

Trên đây là bài viết của eLib.VN về Đối tượng trong JavaScript. Có thể chưa thật sự đầy đủ nhưng nó sẽ giúp các bạn có cái nhìn tổng quan hơn về đối tượng trong Javascript.

Ngày:03/11/2020 Chia sẻ bởi:Phuong

CÓ THỂ BẠN QUAN TÂM