Home » » Bài 6 - Tạo đối tượng trong JavaScript

Bài 6 - Tạo đối tượng trong JavaScript

Written By 1 on Thứ Năm, 28 tháng 8, 2008 | 17:03

1 . Định nghĩa thuộc tính đối tượng

function student(name,age,grade) {

this.name = name;

this.age = age;

this.grade = grade;

}

Để tạo một Object ta sử dụng một phát biểu new . Ví dụ để tạo đối tượng student1

student1 = new student("Bod",10,75);

3 thuộc tính của đối tượng student1 là :

student1.name

student1.age

student1.grade

 

Ví dụ để tạo đối tượng student2

student2 = new student("Jane",9,82);

Để thêm thuộc tính cho student1 bạn có thể làm như sau

 student1.mother = "Susan"; hoặc bạn có thể định nghĩa lại hàm student

function student(name,age,grade,mother) {

this.name = name;

this.age = age;

this.grade = grade;

this.mother = mother;

}

 

Đối tượng là thuộc tính của đối tượng khác

Ví dụ :

function grade ( math , english , science ) {

this.math = math;

this.english = english;

this.science = science;

}

bobGrade = new grade(75,80,77);

janeGrade = new grade(82,88,75);

student1 = new student("Bob",10,"bodGrade");

student2 = new student("Jane",9,"janeGrade");

student1.grade.math : dùng để lấy điểm toán của student1

student2.grade.science : dùng lấy điểm môn khoa học của student2

 

2 . Thêm phương pháp cho đối tượng

function displayProfile() {

document.write("Name : " + this.name + "<BR");

document.write("Age : " + this.age + "<BR");

document.write("Mother's Name : " + this.mother + "<BR>");

document.write("Math Grade : " + this.grade.math + "<BR>");

document.write("English Grade : " + this.grade.english + "<BR>");

document.write("Science Grade : " + this.grade.science + "<BR>");

}

function student(name,age,grade) {

this.name = name;

this.age = age;

this.grade = grade;

this.mother = mother;

this.displayProfile = displayProfile;

}

student1.displayProfile();

 

Ví dụ :

<SCRIPT LANGUAGE ="JavaScript">

<!-- Begin

var day="";

var month="";

var ampm="";

var ampmhour="";

var myweekday="";

var year="";

mydate = new Date();

myday = mydate.getDay();

mymonth = mydate.getMonth();

myweekday = mydate.getDate();

weekday = myweekday ;

myyear= mydate.getYear();

year = myyear;

myhours = mydate.getHours();

ampmhour = (myhours > 12 ) ? myhours-12 : myhours;

ampm = (myhours > 12 ) ? 'Buổi chiều' : 'Buổi sáng';

mytime = mydate.getMinutes();

myminutes = ((mytime < 10 ) ? ':0' : ':' ) + mytime;

if(myday == 0)

day = " Chủ nhật , ";

else if(myday == 1 )

day = "Thứ hai, ";

else if(myday == 2 )

day = "Thứ ba, ";

else if(myday == 3 )

day = "Thứ tư, ";

else if(myday == 4)

day = "Thứ năm, ";

else if(myday == 5 )

day = "Thứ sáu, ";

else if(myday == 6 )

day = "Thứ bảy, ";

if(mymonth == 0 ) {

month = "tháng một ";}

else if(mymonth ==1 )

month = "tháng hai ";

else if(mymonth ==2 )

month = "tháng ba ";

else if(mymonth ==3 )

month = "tháng tư ";

else if(mymonth ==4 )

month = "tháng năm ";

else if(mymonth ==5)

month = "tháng sáu ";

else if(mymonth ==6 )

month = "tháng bảy ";

else if(mymonth ==7 )

month = "tháng tám ";

else if(mymonth ==8 )

month = "tháng chín ";

else if(mymonth ==9 )

month = "tháng mười ";

else if(mymonth ==10 )

month = "tháng mười một ";

else if(mymonth ==11 )

month = "tháng mười hai ";

// End -->

</SCRIPT>

Trong phần body bạn có thể xuất ra dạng như sau :

<BODY>

<SCRIPT>

document.write("<b><font color=#0000ff face='Arial'>" + ampmhour + "" + myminutes + ampm )

document.write(" - " + day + " ngày " + myweekday + " ");

document.write( month + " ,năm " + year + "</font>");

</SCRIPT>

</BODY>

0 nhận xét:

Đăng nhận xét