You are on page 1of 53

1

Mt s khi nim c bn

Ngn ng kch bn
Dng ngn ng lp trnh cp cao

Ngn ng thng dch, m lnh c thng dch trc tip

ngay khi thc thi.


Ngn ng bin dch s dch m ngun sang m my, hay m
trung gian trc khi thc thi.

Cc ngn ng script thng dng


JavaScript, VBScript, ASP, PHP, JSP, ActionScript

2
Mt s khi nim c bn

Ngn ng kch bn trn server (server-side scripting)


Cng ngh thc thi trn web server dng x l cc yu

cu ca user bng cch to ra cc trang HTML ng cha


kt qu x l tr v cho user
Ngn ng pha server thng cung cp kh nng tng

tc vi CSDL
Cc ngn ng ph bin: CGI, Cold Fusion, ASP, ASP.NET,

PHP, JSP

3
Mt s khi nim c bn

Ngn ng kch bn trn client (client-side scripting)


Ngn ng thc thi trn trnh duyt, pha client. Dng

x l cc yu cu ca ngi dng.
Cc m lnh c nhng vo HTML hay file ring. User

hon ton c th xem source code ca ngn ng kch bn


pha client.
JavaScript v VbScript l hai ngn ng script thng dng

hin nay.

4
JavaScript - tng quan

JS l ngn ng script client, dng x l v tng tc


vi cc thnh phn HTML.
JS l dng ngn ng thng dch
JS khng lin quan n ngn ng Java
Brendan Eich
JS c pht trin bi Netscape

Ch thc thi trn trnh duyt

Khng c y tnh nng ca ngn ng lp trnh

C php n gin, gn ging vi ngn ng C

5
JavaScript - tng quan

JS c th lm c g?
Cung cp cho ngi thit k HTML cng c lp trnh

Cho php t on vn bn ng vo trang web

C th tc ng cc s kin trong trang HTML

C th c/ghi cc thnh phn ca HTML

Dng check d liu t ngi dng

C th check phin bn trnh duyt

C th thao tc cookie ca trang web.

6
JavaScript - tng quan

Cc bc thc thi ca JS
1. Trnh duyt ti trang web v
2. Trnh duyt kim tra xem c m JS trong web hay khng
3. Nu c, trnh duyt s chuyn m JS cho b thng dch
4. B thng dch x l v thc thi cc m lnh JS
5. Cc m lnh c th tc ng n cc thnh phn ca
trang web.
6. Trnh duyt hin th ton b ni dung web.

7
JavaScript - tng quan

Cch t m lnh JS vo trang web


Internal: t trong head hay body

8
JavaScript - tng quan

Cch t m lnh JS vo trang web


External: to tp tin bn ngoi v lin kt tp tin trong

phn head.

9
Ton t (operator)

Cc ton t ton hc
y=5

10
Ton t (operator)

Cc ton t gn

11
Ton t (operator)

Cc ton t so snh

12
Ton t (operator)

Ton t logic

Ton t iu kin

iu kin ng chn value1, ngc li chn value2


13
Cu trc iu khin

Cu trc iu khin if

14
Cu trc iu khin

Cu trc iu khin switch

15
Cu trc iu khin

Cu trc iu khin for

16
Cu trc iu khin

Cu trc iu khin while

Cu trc iu khin do while

17
Cu trc d liu - bin
Khai bo bin

Cch t tn bin
Dng cc k t a..z, A..Z, 1..9, du gch di _, du $
Tn bin khng trng vi t kha JS
Tn bin khng bt u bi con s
Tn bin khng c k t khong trng
Tn bin l case sensitive.
18
Hm (function)

Hm l khi cu lnh vi mt danh sch tham s (hoc


khng c tham s)
Trong JS cho php hm khng tn
Hm c th tr v mt gi tr

19
Hm (function)

Gi hm trong JS
Gi tn hm v truyn tng ng cc tham s vo
VD: tn_hm(i s 1, i s 2)
Khi gi hm khng nht thit phi truyn cc i s

khi nh ngha hm. Nu s i s t hn khi nh ngha


hm, khi nhng i s khng c truyn cho hm s
mang gi tr undefined
Cc kiu c bn s c truyn vo hm theo gi tr, i

tng s c chuyn vo hm theo tham chiu.

20
Hm (function)

21
Khai bo s dng bin

Kiu d liu ca bin


JS khng quy nh kiu bin khi khai bo bin, kiu ca

bin s c t ng xc nh khi gn d liu cho bin


Cc kiu d liu ca JS
Kiu s (number): s nguyn, s thc
Kiu chui (string)
Kiu lun l (boolean): true/false
Kiu i tng (object)
Kiu hm (function)

22
Khai bo s dng bin

Xc nh kiu ca bin
Cc gi tr tr v ca ton t typeof
number
string
boolean
object
function
undefined

Kim tra xem x c phi l con s khng?

23
Khai bo s dng bin

Tm vc ca bin
Khai bo bin ton cc

Thay i gi tr bin ton cc

S dng bin ton cc

S dng bin ton cc

S dng bin ton cc mi

24
Khai bo s dng bin

Tm vc ca bin
var numberCars = 3; // global
numberTrees = 15; // global
if (numberTrees > numberCars) {
var numberRoads = 4; // global
} else {
var numberLakes = 9; // global, nhng ko nh ngha do on code ko lm.
}
function simpleFunction()
{
var colorCar = 'blue'; // local
colorTree = 'green'; // global, ch khi hm c gi
if (colorCar != colorTree) {
var colorRoad = 'grey'; // local, t dng ny
} else {
var colorLake = 'aqua'; // local, nhng ko nh ngha do code ko lm.
}
}
25
i tng mng (array object)

Mng trong JS l dng i tng


Cch khai bo mng 1 chiu

26
i tng mng (array object)

Khai bo mng 2 chiu


Mng 2 chiu c xem nh mng 1 chiu vi mi phn

t ca mng 1 chiu ny l mt mng 1 chiu khc


V d khai bo mng 2 chiu 3x3

Cch 1

Cch 2

27
i tng mng (array object)

Cc thuc tnh ca i tng mng

28
i tng mng (array object)

Cc phng thc ca i tng mng

29
i tng mng (array object)

Cc phng thc ca i tng mng

30
i tng mng (array object)

Cc phng thc ca i tng mng

31
i tng mng (array object)

Cc phng thc ca i tng mng

32
i tng mng (array object)

VD1: s dng concat ni hai mng

33
i tng mng (array object)

VD1: s dng every kim tra cc phn t ca mng c


tha iu kin khng.

34
i tng mng (array object)

VD3: s dng phng thc join kt cc phn t ca


mng thnh chui.

VD4: s dng phng thc indexOf tm phn t


trong mng

35
i tng mng (array object)

VD5: S dng phng thc map tnh li cc phn t


trong mng

36
i tng mng (array object)

VD6: s dng phng thc splice xa v thay th


phn t trong mng

37
i tng mng (array object)

VD7: s dng phng thc sort sp xp mng theo


th t tng/gim dn.
Sp xp mng chui k t tng dn

Sp xp gim dn, sp tng sau o mng

38
i tng mng (array object)

Sp xp mng s nguyn tng dn

Sp gim

Xo trn phn t trong mng

39
i tng chui (string object)

Cc thuc tnh ca i tng chui

40
i tng chui (string object)

Cc phng thc ca i tng chui

41
i tng chui (string object)

Cc phng thc ca i tng chui

42
i tng chui (string object)

43
i tng chui (string object)

44
i tng chui (string object)

VD1: nh dng kiu cho chui

45
i tng chui (string object)

VD2: Tch chui thnh mng cc phn t

VD3: tm kim chui con bn trong chui

46
Chui v s

C th ly gi tr chui v s cng li vi nhau

Chuyn s ra chui

Chuyn chui ra s

47
i tng Date

Dng thao tc vi ngy, gi, thi gian


C hai cch to i tng date

VD: khai bo i tng Date in ra ngy thng hin


hnh

48
i tng Date

Cc phng thc ca Date

49
i tng Date

50
i tng math

Cc thuc tnh ca i tng Math

51
i tng math

Cc phng thc ca Math

52
i tng math

53

You might also like