Bu sayfamızda JavaScript’in yazım kuralları üzerinde duracağız. JavaScript’te hata yapmanın bedeli çok ağırdır. Nerede hata yaptığınızı bulmak uzun zaman alır. (Bunun için JavaScript editörleri vardır, siteden çekebilirsiniz.)
JavaScript tıpkı HTML gibi bırakılan boşlukları dikkate almaz. Yani sayi=5 ile sayi = 5 arasında fark gözetmez.
JavaScript’te komutlar ; (noktalı virgül) iÅŸareti konularak yanyana yazılabilir. Aynı satırda olmasa da her komuttan sonra ; iÅŸareti koymak yararlıdır, kodlar arasında ayıraç vazifesi görür. Gerçi ben pek yapmıyorum ama istiyorsanız siz yapın.
JavaScript Nesnelerine Ä°sim Koyma
JavaScript nesnelerine isim koyarken aklımızdan çıkarmamamız gerekenlerin başında, JavaScript’in küçük harf, büyük harf ayrımı yaptığıdır. Mesela AritmetikOrtalama() isimli bir fonksiyonu daha sonra aritmetikortalama() ismiyle çağıramayız. JavaScript bu durumu iki ayrı fonksiyon gibi deÄŸerlendirir.
JavaScript nesnelerinin (deÄŸiÅŸken, fonksiyon vb.) ismi bir sayıyla baÅŸlamaz ama sonraki karakterler sayı olabilir; arada boÅŸluk bırakılmaz, boÅŸluk yerine _ iÅŸareti kullanılır. Bunları deÄŸiÅŸkenler konusunda anlatmıştık. JavaScript nesneleri bu kurallara uygun her kelimeyi isim olarak alması da söz konusu deÄŸil, JavaScript komutlarını, nesne ismi olarak kullanamayız. Bazı isimlerde daha sonra komut olarak JavaScript’e girer diye ayrılmıştır ve onlarda nesne ismi olarak kullanılamaz. Nesne ismi olarak kullanılamayan bu kodları aÅŸağıda listeledim:
abstract
alert
arguments
Array
blur
boolean
Boolean
break
byte
callee
caller
captureEvents
case
catch
char
class
clearInterval
clearTimeout
close
closed
confirm
const
constructor
continue
Date
debugger
default
defaultStatus
delete
do
document
double
else
enum
escape
eval
export
extends
FALSE
final
finally
find
float
focus
for
frames |
Function
function
goto
history
home
if
implements
import
in
infinity
innerHeight
innerWidth
instanceof
int
interface
isFinite
isNaN
java
length
location
locationbar
long
Math
menubar
moveBy
moveTo
name
NaN
native
netscape
new
null
Number
Object
open
opener
outerHeight
outerWidth
package
Packages
pageXOffset
pageYOffset
parent
parseFloat
parseInt
personalbar |
print
private
prompt
protected
prototype
public
RegExp
releaseEvents
resizeBy
resizeTo
return
routeEvent
scroll
scrollbars
scrollBy
ScrollTo
self
setInterval
setTimeout
short
static
status
statusbar
stop
String
super
switch
synchronized
this
throw
throws
toolbar
top
toString
transient
TRUE
try
typeof
unescape
unwatch
valueOf
var
void
watch
while
window
with |
JavaScript’te Özel Ä°ÅŸaret Gösterimi
JavaScript’te HTML nesnesini ifade ederken bazı özel iÅŸaretlerin önlerine \ iÅŸareti koymalıyız.
Â
<html>
<head>
<title>JavaScript Uygulaması</title>Â
</head>
<body>
<script language=”JavaScript”>
document.write (“Ali’nin köpeÄŸi “Hav hav!” dedi.”);
</script>
</body>
</html>Â
Bu uygulama çalışmaz ve JavaScript hatası verir. Bu kodda JavaScript içiçe tırnakları, ayrı ayrı tırnak işareti olarak görür. Doğrusu şöyle yazılır:
<html>
<head>
<title>JavaScript Uygulaması</title>Â
</head>
<body>
<script language=”JavaScript”>
document.write (“Ali’nin köpeÄŸi \”Hav hav!\” dedi.”);
</script>
</body>
</html>Â
JavaScript’te ‘ (tek tırnak) iÅŸareti ile “ (çift tırnak) iÅŸareti arasında iÅŸlevsel bakımdan bir fark yoktur. Ancak içiçe tırnak kullanılan durumlarda içtekini baÅŸka, dıştakini baÅŸka tırnak iÅŸaretiyle göstermek yararlıdır. ÖrneÄŸin:
- <input type=”button” value=”Bas” onclick=”alert(‘Düğmeye Bastınız!’);”>
Burada “ (çift tırnak) iÅŸaretiyle JavaScript ifadesi HTML parametresine tanıtılmış oluyor. ‘ (tek tırnak) ifadesi ile JavaScript kodunun yazdırdığı metin belirtilmiÅŸ oluyor. Böylece hangi tırnağın nerede bittiÄŸi konusunda herhangi bir karışıklık olmuyor.
Yorum Kodları
JavaScript ile yapacağımız programlar bazen o kadar büyük ve karmaşık olur ki, neler yaptığımızı biz bile unuturuz. Gerek sonradan hatırlamak için, gerekse bizden başka kodları okuyacak olanlara yardımcı olmak için, kodların arasına bazı notlar düşeriz. Bu tür notları doğrudan yazarsanız JavaScript hatasına sebep olur veya programınızın işlevini değiştirirsiniz. Bu notları düşmek için not satırı önüne // işaretini koyarız. Bu işaret bir satırlık not bırakmamızı sağlar ve JavaScript kodlarını etkilemez:
Â
<html>
<head>
<title>JavaScript Uygulaması</title>Â
</head>
<body>
<script language=”JavaScript”>
//Bu uygulama JavaScript yazım kuralları üzerinedir.
document.write (“Ali’nin köpeÄŸi \”Hav hav!\” dedi.”);
</script>
</body>
</html>Â
Bazen düşeceÄŸimiz not birkaç satırdan oluÅŸabilir. Bu durumda not /*…*/ iÅŸaretleri arasına yazılır.
Â
<html>
<head>
<title>JavaScript Uygulaması</title>Â
</head>
<body>
<script language=”JavaScript”>
/*Bu uygulama JavaScript yazım kuralları üzerinedir.
İtiraf edeyim ki pek iyi bir uygulama olmadı,
Ali’ymiÅŸ, yok efendim köpeÄŸi hav hav dermiÅŸ.
İlkokul uygulamalarına benzedi.*/
document.write (“Ali’nin köpeÄŸi \”Hav hav!\” dedi.”);
</script>
</body>
</html>Â
JavaScript’in gözatıcı (browser) tarafından derlendiÄŸini daha önce söylemiÅŸtim. Ancak bazı kiÅŸisel gözatıcılar ve eski sürüm gözatıcılar JavaScript’i desteklemiyor ve sayfada hatalar veriyor. Bu tip gözatıcıların JavaScript kodlarını tanıması için elimizden gelen birÅŸey yok. Ama hiç olmazsa sayfada hataya neden olmamak için HTML’in <!– yorum kodu kullanılır. Ayrıca yeni sürümlerin kodu görebilmesi için // yorum kodları da gereklidir. Eski sürüm gözatıcılar veya JavaScript’i desteklemeyen kiÅŸisel gözatıcılar JavaScript kodlarını HTML yorumu olarak görür ve sayfada bozulmaya neden olmaz; kullanıcı JavaScript’in faydalarından yararlanamasa da, sayfayı düzgün bir ÅŸekilde görür. AÅŸağıda bunun nasıl yapıldığını görüyorsunuz.
Â
<html>
<head>
<title>JavaScript Uygulaması</title>Â
</head>
<body>
<script language=”JavaScript”>
<!– Eski sürüm gözatıcılardan JS kodlarını saklayalım.
//Şimdi normal kodları yazabiliriz.
document.write (“Ali’nin köpeÄŸi \”Hav hav!\” dedi.”);
//–>
</script>
</body>
</html>Â
Evet, JavaScript’in yazımı bazı sıkı kurallara baÄŸlı ve çok karmaşık gibi görünüyor. Aslında bu JavaScript’in geliÅŸmiÅŸ ve kolaylaÅŸmış hali. Evel-i zamanda kodları satırlara bölmek için neler yapardık, neler. Ãœstelik artık JavaScript editörler de var.
Â
Â
Â
Yorumlar
Yorum Yok
Yorumunuzu Ekleyin
Yorum eklemek için giris yapmalısınız.