Trang chủ

Marketing

Công nghệ

Lập trình

Tin tức

Liên hệ

Bản đồ

Lập Trình Hướng Đối Tượng Trong JavaScript

Mục lục

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

 Cách 1 function myValidate1(){...};
 Cách 2 this.myValidate2 = function(){...};
 Cách 3 var myValidate3 = {...};

Thuộc tính và truy cập thuộc tính

Dưới đây sẽ sử dụng cách 2 để tạo đối tượng và tạo thuộc tính cho đối tượng đó.

this.myValidate = function(){

   this.msg = "Ta Quang Quoc Anh"; // thuộc tính

};

var myObj = new myValidate();

document.write("Properties - msg: " + myObj.msg);

Phương thức và truy cập phương thức

Dưới đây sẽ sử dụng cách 2 để tạo đối tượng và tạo phương thức cho đối tượng đó.

this.myValidate = function(){

   this.msg = "Ta Quang Quoc Anh"; // thuộc tính

   this.getMsg = getMsg; // phương thức

   function getMsg (){

      return this.msg;

   };

};

var myObj = new myValidate();

document.write("Methods - getMsg: " + myObj.getMsg());

Public và Private

Khi có thể gọi trực tiếp thuộc tính như ví dụ trên thì đó là do ta khai báo kiểu Public.

Ví dụ dưới đây là khai báo kiểu Private, sự khác biệt ở đây là thay vì ta sử dụng this để khai báo thì ta sử dụng var

this.myValidate = function(){

   var msg = "Ta Quang Quoc Anh"; // thuộc tính

   this.getMsg = getMsg; // phương thức

   function getMsg (){

      return msg;

   };

};

var myObj = new myValidate();

document.write("Methods - getMsg: " + myObj.getMsg());

Khi sử dụng Private thì để lấy thuộc tính của đối tượng thì ta phải truy cập qua phương thức của đối tượng đó, nếu không thì sẽ báo lỗi undefined.

Truyền giá trị vào đối tượng

Ví dụ dưới đây là việc truyền giá trị vào đối tượng

this.myValidate = function(value1, value){

   this.data1 = value1; // thuộc tính

   this.data2 = value2; // thuộc tính

};

var myObj = new myValidate("Quoc Anh", 1997);

document.write("Properties- data1: " + myObj.data1);

document.write("Properties- data2: " + myObj.data2);

Truyền giá trị vào phương thức

Ví dụ dưới đây là việc truyền giá trị vào phương thức

this.myValidate = function(){

   this.data = "Quoc Anh"; // thuộc tính

   this.setData = setData;

   function setData(value){

       this.data = value;

     } ;

};

var myObj = new myValidate();

myObj.setData = "Ta Quang Quoc Anh";

document.write("Properties - data: " + myObj.data);

Kế thừa

Sử dụng call để kế thừa một đối tượng. Ví dụ ta kế thừa đối tượng myValidate trên. Ta khai báo đối tượng myValidate1 và sử dụng call để kế thừa. Sau khi kế thừa thì đối tượng myValidate1 sử đụng được tất cả thuộc tính và phương thức của myValidate.

Ví dụ:

this.myValidate = function(){

   this.data = "Quoc Anh"; // thuộc tính

   this.setData = setData; // phương thức

   function setData(value){

       this.data = value;

     } ;

};

this.myValidate1 = function(){

   myValidate.call(this);

}

var myObj = new myValidate1();

myObj.setData = "Ta Quang Quoc Anh";

document.write("Properties - data: " + myObj.data);

 

Bài viết liên quan:

Xếp hạng: 5 / 5. Lượt bình chọn: 2321

Facebook
Twitter
LinkedIn
Telegram
Quốc Anh
Quốc Anh

Chuyên thiết kế Website tại Bà Rịa Vũng Tàu. Liên hệ: 035 8040 220

Đặt Lịch Hẹn
December 2022
M T W T F S S
 1234
567891011
12131415161718
19202122232425
262728293031  
Bài viết cùng chuyên mục
Browser Object Model trong JavaScript

Browser Object Model trong JavaScript

Browser Object Model (BOM} cho phép JavaScript thao tác…
Javascript Global Objects

Javascript Global Objects

Các phương thức và thuộc tính của Javascript Global…
Biểu Thức Chính Quy trong JavaScript (Regular Expressions)

Biểu Thức Chính Quy trong JavaScript (Regular Expressions)

JavaScript Regular Expression (RegExp) Object Regular Expression viết tắt…
Khởi tạo và Truy cập các đối tượng trong JavaScript

Khởi tạo và Truy cập các đối tượng trong JavaScript

Tổng Quan Object in JavaScript Khởi tạo đối tượng…
Đối tượng trong JavaScript

Đối tượng trong JavaScript

JavaScript Number Object Properties constructor Trả về phương thức…

Lựa chọn giải pháp thiết kế giao diện website đẹp, tối ưu nhất Tùy theo nhu cầu và điều kiện kinh tế, bạn có thể lựa chọn giải pháp thiết kế giao diện web miễn phí để dùng thử full tính năng tối ưu nhất cho tổ chức, doanh nghiệp của mình. Gọi ngay hotline 0358040220 để được Q.Anh tư vấn chọn các mẫu website đẹp nhất, phù hợp với lĩnh vực của bạn hoặc để lại thông tin.