HTML5 XP session 15(1) hàm và đối tượng T8
Bạn đang xem bản rút gọn của tài liệu. Xem và tải ngay bản đầy đủ của tài liệu tại đây (685.09 KB, 28 trang )
Hàm và Đối tượng
(Functions and Objects)
NexTGen Web
Hàm và Đối tượng
(Functions and Objects)
Mc tiêu bài hc
!
"#$
%& !'()*+
()*+ ,-./
•
01
•
23 ()*+ #- 01
445)-5+6 5+- 7
%&-8!)9 +: ;*%<6=>1
%?+&+@#&)/
function tên_hàm(argument1,argument2,…)
{
Các_câu_lệnh;
}
AB
<script type=“text/javascript”>
function add()
{
var num1=parseInt(prompt(“Nhập số thứ nhất:”));
var num2=parseInt(prompt(“Nhập số thứ hai:”));
var result=num1+num2;
alert(“Tổng hai số: ”+result);
}
function calling_add()
{
add();
}
calling_add();
</script>
Lời gọi hàm
>CD
•
>CD
•
>CD 9
EF
<script type=“text/javascript”>
function add(num1,num2){
return (num1+num2);
}
var num1=parseInt(prompt(“Nhập số thứ nhất:”));
var num2=parseInt(prompt(“Nhập số thứ hai:”));
var result=add(num1, num2);
document.write(“Tổng hai số: ”+result);
</script>
!"#$%
GHI/
•
!
•
=J+&+ . !
•
>. KL !
•
>.+J M !
!"#$%
GK ! ()*+ -K N+& KL)+J M1
•
%& KL-&OL'K !1
•
=J M-&K !, P 2F1
QRH !
!"#$%
()*+ 5S+T !23U+V+#. .& !#$ 1
•
%& !23-& !W! X Y5)NC#.Z:;H& KL)+J M'?P
# &1GK !23 ()*+ /
[C5\ 5G 5*
•
!-+& P)-+;H+ P .)&+J M5 KL
?1
!"#$%
%,+J+&+P . !/
•
*;H !"#$ !,3P . !1
•
K template)O ,#] X@,new1
Object là đối tượng cha của tất cả các đối tượng trong JavaScript. Bạn
cũng có thể tạo đối tượng người dùng từ đối tượng này bằng cách dùng
từ khóa new
!"#$%
%?+&+B;H !"#$ P .
Là tên của đối
tượng
var [tên_đối_tượng] = new Object();
Từ khóa xin cấp phát bộ nhớ cho đối tượng
người dùng
Là đối tượng dựng sẵn cho phép tạo đối tượng người
dùng
Ví dụ tạo đối tượng lưu thông tin
chi tiết gồm tên(name) và
tuổi(age) của một bác sĩ (doctor)
!"#$%
=J+&+ +- P . !1
>+- ' !ZK S ?^ KL)+J M !1
#Y'+J+&+/
•
_#&@P !#]&K @` . 01
•
_#&@P) . !#] X@,new1
!"#$%
>. KL !
•
QY !! .#]+J+&+ !"#$
<script type=“text/javascript”>
//Tạo đối tượng stdent bằng đối tượng Object
var student = new Object();
//Tạo thuộc tính fist_name, last_name, age cho đối
tượng student
student.first_name = ‘John’;
student.last_name = ‘Fernando’;
student.age = ‘15’;
</script>
!"#$%
>. KL !
•
QY !! .#]+J+&+ +- 5 KL',!Z +-
//Tạo đối tượng stdent bằng template
function Student( fist_name, last_name, age)
{
this.first_name = fist_name;
this.last_name = last_name;
this.age = age;
}
//Tạo thể hiện và truy xuất thuộc tính
var student_obj = new Student(‘John’,‘Fernando’,‘15’);
document.write(student_obj.fist_name+’ ’+student_obj.fist_name);
!"#$%
>.+J M !
•
QY !! .#]+J+&+ !"#$
//Tạo đối tượng square (hình vuông) bằng đối tượng Object
var square = new Object();
//Tạo thuộc tính length cho đối tượng square
square.length=parseInt(‘5’);
//Tạo phương thức calAre cho đối tượng square
square.calArea=function(){
var area=square.length*square.length;
return are};
alert(square.calArea());
tên_đối_tượng.tên_phương_thức = function(danh_sach_tham_số) { thân_hàm}
!"#$%
>.+J M !
•
>.+J M +-
Bước 1: Khai báo một hàm làm phương thức. Hàm này thực
thi một chức năng.
Bước 2: Định nghĩa hàm khởi tạo, tại đây tên phương thức được
gán với tên hàm được định nghĩa trong bước 1.
Bước 3: Tạo đối tượng.
Bước 4: Gọi phương thức
&
>KLprototype' !
•
%+V+#., P I& KLY5+J MY& !W! .1
•
%, P KLprototypeP I KL)+J M !231
- Cú pháp thêm một thuộc tính
Tên_hàm_khởi_tạo.prototype.tên_thuộc_tính=Giá_trị;
- Cú pháp thêm phương thức
Tên_hàm_khởi_tạo.prototype.tên_phương_thức=function(){
//thân hàm } ;
Hoặc:
Tên_hàm_khởi_tạo.prototype.tên_phương_thức=tên_hàm ;
'
%a- N+&@R 2O O+S&CJO@V+bc1
!* - !23 ()*+ S+D+J M & Ia &a
&a5V+a5dT T O! 7
%,e&@&P . !a1
•
\-F))&,K & 1
•
\@` .* 1
var tên_đối_tượng =“tập các kí tự”;
var tên_đối_tượng =new String(“tập các kí tự”);
'
%& KL/
•
/>f)D-!@R 2, a1
•
/%+V+ I+J M5 KL !a1
%&+J M/
•
/=J M f)DK a1%aC!V+ X e)a 1
•
>f)D@g 2 .) Rindex astr.
•
>f)D) RhS F:I'a* a i X &+f1>h, P!;
HPh&) R#j :i@9 a 1
'
%&+J M/
•
>f)D) RhS F'a* a i X+f &1>h, P
!;HPh&) R#j :i@9 a 1
•
+k *@Y+astr)YK #P Ml j1>f)DK fM&a mWn+kn5O 9@8
i SC1
<script type="text/javascript">
var str="The rain in SPAIN stays mainly in the plain";
var patt1=/ain/gi;
document.write(str.match(patt1));
</script>
Kết quả: ain,AIN,ain,ain
'
%&+J M/
•
! " #$%&'&(%&) %*&&+ >o a str S f & a )Y a st1 O m W
biểu_thức_qui_tắc) C 9?#]achuỗi_thay_thế1=J M f)Da@ C 91
•
,>f)D) R'a mWp#P Ml j1_8, )Dq1
•
-./>f)DK M&a! &a 1Delim-K a@R 2!P-Y+r &1Limit
Y.a! &1
'
%&+J M
•
%#0#01>f)Da-&@R 2 X) Rvtbd Y) Rvtkt'str1%&@g 2!9 X &+f#j : Xs1
•
%#0t>f)DK a^n@R 2!j Xstr#j : X) Rvt
•
234dastr T 1
•
54dastr T
(
!G - !23+V+ 2F& & I& @P1
!G S+& KL)+J Mu 5)NC, P ChS )B 29+@8:
+f . PF1
Truy xuất thuộc tính PI của Math
var pi=Math.PI;
Gọi phương thức sqrt của Math:
var kq = Math.sqrt(9);
(
%& KL
•
v ]v-5@fe5wqx1
•
E4e - 2I'e5@fs5yz{1
•
E4qs - 2I'qs5@fe5{se1
•
E"Aev - Je'5@fq5||e1
•
=6 A& 'π5@f{5q|q}z1
•
*~<>q•e %€#Ne's5}5@fs5wsw1
•
*~<>e %€#Ne'e5@fq5|q|
(
%&+J M
•
6#number>f & CF 'number.
•
6number>f & 'number. A& ' number +f€Tq)q1
•
6number>f & 'number. A& ' number +f€Tq)q1
•
6number>f & 'number.
•
6number>f & CI-YJO#] number. - U
•
6number>f & 'number.
(
%&+J M
•
6x>f & v
h
5)Y-]v-1
•
67number>f CImJO#]number.
•
6number>f - 2I'number.
•
6num1,num2>f & -YS Tq)e
•
6num1,num2>f & mS Tq)e1
•
63base,exponent>f & #-• Xh+ 1
