Bộ sưu tập

Hướng đối tượng trong javascript


https://codersontrang.com/2012/07/10/huong-doi-tuong-trong-javascript/

Chắc hẳn những ai làm web sẽ không xa lạ với ngôn ngữ javascript. Nhưng bình thường thì các newbie sẽ chỉ nghĩ đó là một ngôn ngữ kịch bản với kiểu lập trình theo hướng thủ tục. Bài viết dưới đây mình xin giới thiệu qua về tính hướng đối tượng của javascript để chỉ ra rằng với javascript chúng ta có thể hoàn toàn tạo ra những đối tượng và gọi các phương thức, thuộc tính của chúng. Sẽ là rất giống với các ngôn ngữ thuần hướng đối tượng khác 🙂

Đầu tiên chúng ta phải khai báo lớp cho đối tượng :). Trong javascript chỗ này sẽ giống như viết một contructor trong ngôn ngữ thuần hướng đối tượng. Ví dụ sau sẽ khai báo một lớp là Student với hai thuộc tính là tên (name) và tuổi (age). Mình cũng sẽ khai báo thêm một phương thức là introduce() cho lớp này như sau



	function Student(name, age){
		this.name = name;
		this.age = age;
	}
	
	Student.prototype.introduce = function(){
		alert('Hello, my name is '+this.name+' and I am '+this.age+' years old');
	}


Giờ với lớp Student mà mình đã khai báo như trên. Mình sẽ khởi tạo một đối tượng và gọi hàm introduce() của đối tượng xem sao nhé 😉



       var me = new Student('Voc', 18);
       me.introduce();	


Và đây, hãy xem đối tượng sinh viên của chúng ta tự giới thiệu về bản thân mình nhé

Đơn giản phải không các bạn. Hãy tiếp tục khám phá nhé 😉

Advertisements

One comment on “Hướng đối tượng trong javascript

Trả lời

Mời bạn điền thông tin vào ô dưới đây hoặc kích vào một biểu tượng để đăng nhập:

WordPress.com Logo

Bạn đang bình luận bằng tài khoản WordPress.com Đăng xuất /  Thay đổi )

Google photo

Bạn đang bình luận bằng tài khoản Google Đăng xuất /  Thay đổi )

Twitter picture

Bạn đang bình luận bằng tài khoản Twitter Đăng xuất /  Thay đổi )

Facebook photo

Bạn đang bình luận bằng tài khoản Facebook Đăng xuất /  Thay đổi )

Connecting to %s