មេរៀនទី1 7 javascript

Page 1

ាំ មេម ៀនទី១ កា ណែនឲ្យស្គ ា ល់ពី

JavaScript

Informationtenhnology 18:29

JavaScript

JavaScript គជាភាស្គននកេ វម ធ ិ េ ឺ ី ួ យណែលមគមពញនិយេមៅមលើពិភពមោក។


ាំ ប់ HTML ម ើ យក៍ជាភាស្គេូយសរា

ាំ ប់ ើ យ នឹង Web, សរា

Servers, PCs, Laptops, Tablets, Smart Phones ម ើ យ

នឹងមានអ្ជាម្រ ីវ ើនមទៀត។ មតើ JavaScript គជាអ្ ? ឺ ីវ

JavaScript គជា Scripting Language េួយ ណែលមគយកមៅ ឺ Develop មៅមលើ Web Site។ ម ើ យ JavaScript

ក៍ជាកេវម ធ ន HTML pages។ ិ ក ី ូ ែេួយណែល្តូវបានមគបញ្ូ ច លមៅកុ ង

-

JavaScript ្តូវបានែមាំ ែើ កា មសើ ទ ណត្គប់ Web

Browsers។

មតអ្ ក ន នឹង្តូវម ៀន? ើ ណែលអ្ ីវ

-

កា ស មស កូែ JavaScript ណែលជាលទផ ធ លមៅកុ ង ន HTML


ឧទា

ែ៍៖

document.write(“<h1>This is a heading</h1>”); document.write(“<p>This is a paragraph</p>”); This is a heading មនេះគជាលទ ផ ធ ល ណែលសិតមៅក ថ ន Tag បស់ ឺ ុង HTML។ ឧទា

កា មាន្បតកេ មម ៅមលើ្ពឹតិកា ែ៍ ិ ែ៍៖

< button type=”button” onclick=”alert(‘Welcome!’)”>Click Me!</button>


់ម្រនមទមៅក alert() function គេ វបានមគម្ប្បាស ន ឺ ន្តូ ិ ើ ើ ុង

JavaScript ។

ាំ ប់កា មតសស្គលលបងកូ បុ ណនជា ែ ញឹកញាប់គងាយ្ស ូ លណាស់សរា ឺ ែ។

-

កា ផ្លាស់បូ ែ HTML Content

់ JavaScript គមែ កា ម្ប្បាស ើ បមី ៀបរ ាំ Content ននធាតុ បស់ ើ ឺ េ ាំ HTML ណែលមានឥទិពលខ្ ធ ា ងមៅមល ើេុខងា ។ ឧទា

ែ៍៖

x=document.getElementById(“demo”) //Find the element x.innerHTML=”Hello JavaScript”; //Change the content


អ្ក ន នឹងបានម

ើ ញជាញឹកញាប់

់ document.getElementByID(“some id”) មនេះគជាកា ម្ប្បាស ឺ ើ

DOM មៅកុ ង ន HTML។

DOM (Document Object Model) គជាកា ្បកាសជាផូ វកា បស់ ា ឺ ាំ W3C ណែលតណា ងឲ្យកា ែមាំ ែើ កា បស់ធាតុ បស់ HTML។

- កា ផ្លាស់បូ ែ HTML Style

កា ផ្លាស់បូ ែ Style ននធាតុ បស់ HTML គមគមធ កា ផ្លាស់បូ ែ មៅមលើ ឺ ើវ

HTML attribute។ ឧទា

ែ៍៖

x=document.getElementById(“demo”) //Find the element x.style.color=”#ff0000″; //Change the style

់ JavaScript មេម ៀនទី២ មបៀបម្ប្បាស ើ


Informationtenhnology 18:30

JavaScript

Scripts មៅកុ ង ន HTML

្តូវបានមគបញ្ូ ច លមៅរមនាេះ<script>ម Scripts អារដាក់មៅកុ ង ន <body> ម page។

់ <script> Tag កា ម្ប្បាស ើ

ើ យនឹង</script>tags។

ន នន HTML ើ យនឹង <head> ណផក

់ <script> មែើេបបញ្ page ្តូវម្ប្បាស ន ើ ី ូ ច ល JavaScript មៅកុ ងHTML


tags។ <Script> ម ចាប់មផើេ ែ ម

ើ យនឹង</Script>អារ្បាប់ថា JavaScript

ើ យនឹងបញ្ចប់មៅ

កណនង ា ណា។

បនទត់ណែលមៅរមនាេះ <Script> ម បស់ JavaScript។

ឧទា

ើ យនឹង</Script>គជា ឺ Contain

ែ៍៖

<script> alert(“My First JavaScript”); < /script> JavaScript មៅកុ ង ន <body> មៅកុ ងឧទា ន

ែ៍មនេះ JavaScript ស មស មៅកុ ង ន HTML <body>

មពលណែលផុ កមៅក ទ ន Page។ ុង <!DOCTYPE html> <html> < body>


. . <script> document.write(“<h1>This is a heading</h1>”); document.write(“<p>This is a paragraph</p>”); < /script> . . < /body> < /html> JavaScript មៅកុ ង ន <head> ឬកម៍ ៅកុ ង ន <body>

<Script> អារដាក់មៅកុ ង<body> ឬក៍មៅកុ ង ន ន <head> ណផក ន នន HTML ម

ាំ ី ។ ក ន ន ទាងព ើ យ ឬក៍មៅកុ ងណផ

េុខងា JavaScript មៅកុ ង ន <head> មៅកុ ងឧទា ន

ែ៍មនេះ JavaScript គ្តូ ក ថ ន <head> ឺ វបានសិ តមៅណផ


នន HTML page។ ម

ើ យមានេុខងា ្តូវបានមគមៅមៅមពលណែល

button គ្តូ ឺ វបាន Clicked។ <!DOCTYPE html> <html> <head> <script> function myFunction() {

document.getElementById(“demo”).innerHTML=”My First JavaScript Function”; } < /script> < /head> <body> <h1>My Web Page</h1>


<p id=”demo”>A Paragraph</p> <button type=”button” onclick=”myFunction()”>Try it</button> </body> < /html> េុខងា JavaScript មៅកុ ង ន <body> មៅកុ ងឧទា ន

ែ៍មនេះ JavaScript គ្តូ ក ថ ន ន ឺ វបានសិ តមៅក ុ ងណផ

<body> នន HTML page។ ម

ើ យមានេុខងា ្តូវបានមគមៅមៅមពលណែល button គ្តូ ឺ វបាន

Clicked។

<!DOCTYPE html> <html> <body>


<h1>My Web Page</h1> <p id=”demo”>A Paragraph</p> <button type=”button” onclick=”myFunction()”>Try it</button> <script> function myFunction() { document.getElementById(“demo”).innerHTML=”My First JavaScript Function”; } < /script> </body> < /html>


External JavaScript Scripts អារមកតម ើ ម

ន External Files។ ើងមៅកុ ង

់មដាយពី ឬបី web ើ យជាញឹកញាប់កូែ ្តូវបានមគម្ប្បាស ើ

pages មផេងៗគ្នន។

External JavaScript File គ្តូ ឺ វមាន Extension ជា .js។ External

់ពី File .js មៅកុ ង Script ម្បមែ ន “src” attribute នន <script> ើ ើេប្បាប ី tag:

ឧទា

ែ៍៖

<!DOCTYPE html> <html> < body> <script src=”myScript.js”></script> < /body> < /html>


មេម ៀនទី៣ លទផ ធ ល បស់ JavaScript Informationtenhnology 18:30

JavaScript


JavaScript គឺ្តូវបានមគម្បើ្បាស់មែើេបមី ៀបរាំធាតុ បស់ HTML ។ កា ម ៀបរាំធាតុ បស់ HTML មែើេបែ ី មាំ ែើ កា ធាតុ HTML ពី JavaScript អ្នកអារម្បើ document.getElementById (id) កា ម្បើ “id” attribute គមែ ា ក់ពី ធាតុ បស់ HTML។ ឺ ើេបបញ្ជ ី ឧទា

ែ៍៖

កា ែមាំ ែើ កា ធាតុ HTML ជាេួ យ id ជាក់ោក់ ម <!DOCTYPE html> <html> < body>

ើ យ នឹងកា ផ្លាស់បូ ែ Content បស់វា។


< h1>My First Web Page</h1> < p id=”demo”>My First Paragraph</p> <script> document.getElementById(“demo”).innerHTML=”My First JavaScript”; < /script> < /body> < /html> JavaScript គ្តូ ឺ វបានែមាំ ែើ កា មដាយ Web Browser។ ែូ រមនេះម HTML ជាេួ យ id=”demo” ម JavaScript”។

ើ យ នឹងែមាំ ែើ កា ធាតុ បស់

ើ យ Content បស់វាបានផ្លាស់បូ ែ (innerHTML) ជាេួ យ “My First

កា ស មស លទធផលជា Document ឧទា

ែ៍ខ្ងម្កាេមនេះស មស ពី ធាតុ បស់ <p> ជាក់ោក់មៅកនុងលទធផល បស់ HTML

document ៖

<!DOCTYPE html> <html> < body> < h1>My First Web Page</h1>


<script> document.write(“<p>My First JavaScript</p>”); < /script> < /body> < /html> រាំណា ាំ ៖ កា ម្បើ document.write() មែើេបស ី មស មដាយផ្លទល់ មៅកនុងលទធផលជា document ណតបុ មណាណេះ។ <!DOCTYPE html> <html> <body> <h1>My First Web Page</h1> <p>My First Paragraph.</p> <button onclick=”myFunction()”>Try it</button> <script> function myFunction() { document.write(“Oops! The document disappeared!”); } </script>


</body> </html>

មេម ៀនទី៤ JavaScript Statements Informationtenhnology 18:31

JavaScript

JavaScript គឺជា Statements ណែលមានជាបនែបនទប់ម JavaScript Statements

ើ យ្តូវបានែមាំ ែើ កា មដាយ Browser។


JavaScript Statements គជា ឺ “commands” មៅកាន់ Browse។ ណែលមានមគ្នលបាំែងនន Statements គឺមែើេប្បាប់ មៅ Browserថា្តូវមធវើអ្វី។ ី

មនេះគជា ើ បស ឺ JavaScript Statements ណែលបាន្បាប់ Browser មែេ ី មស “Hello Dolly” មៅកនុងធាតុ HTML ជាេួ យនិង id = “demo” ៖

document.getElementById(“demo”).innerHTML=”Hello Dolly”; Semicolon; -

Semicolon អារផ្លែរ់ JavaScript Statements មរញពីគ្ននបាន។

-

ជាធេមតាអ្នកបណនថេ semicolon មៅរុ ងបញ្ច ប់ននែមាំ ែើ កា Statement និេួ យៗ ។

-

កា ម្បើ្បាស់ Semicolon មនេះផងណែ អារ្តូវបានមគស មស Statements

បានជាម្រនមៅមល ើ ើបនទត់ណតេួ យ។ -

អ្នក្បណ

លជាធា​ាប់ម

ើញឧទា

ែ៍មដាយគ្នមន Semicolon។ កា បញ្ច ប់ Statements

ជាេួ យ Semicolon គឺជាកា ម្រើសម សមៅកន ើ ុ ង JavaScript។ កូ ែ JavaScript

កូ ែ JavaScript (ឬក៍្គ្នន់ណតជា JavaScript) គឺជាអ្វីៗណែលមានជាបនែបនទប់នន JavaScript Statements។

Statement នីេួ យៗគ្តូ ឺ វបានែមាំ ែើ កា មដាយ Browser


មៅខ្ងកនុងមដាយមានកា ស មស ជាបនែបនទប់។ មនេះគជាឧទ ឺ

ែ៍ នឹងកា ម ៀបរាំធាតុ បស់ HTML ពី ៖

document.getElementById(“demo”).innerHTML=”HelloDolly”; document.getElementById(“myDIV”).innerHTML=”How are you?”; កូ ែ JavaScript Blocks -

JavaScript Statements ្តូវបានមៅកនុង្កុេ ូេគ្ននមៅកនុង Blocks។

-

Blocks ចាប់មផែើេជាេួ យ curly bracket ខ្ងមវវង ម

ើ យបញ្ច ប់ជាេួ យ នឹង curly bracket

ខ្ងស្គែ ាំ។ មគ្នលបាំែងនន Blocks គមែ ើតនូ វែមាំ ែើ កា Statements ើ បបមងក ឺ េ ី ្ពេគ្ននណែលមានជាបនែបនទប់។ មនេះគជាឧទា ឺ

ែ៍មែេ ើ ប ី Run Function ណែលមានកា ម ៀបរាំធាតុ បស់ HTML ពី ៖

function myFunction() { document.getElementById(“demo”).innerHTML=”Hello Dolly”; document.getElementById(“myDIV”).innerHTML=”How are you?”; } JavaScript គ្តូ ឹ ពី ឺ វែង -

មេលមៅអ្កេ ធាំ បស់អ្ក កស មស JavaScript Statements។ ន ្តូវបានបទមៅមពលណែកអ្ន ើ ិ


-

function getElementById គឺេិនែូ រ getElementbyID។

-

Variable ណែលមានម្មេះ myVariable គេ រ MyVariable។ ឺ នែូ ិ

រមនាេះមេលេ នម ើ ិ

ើញ

JavaScript គេ នម ា ល់ កា បណនថេ spaces។ អ្នកអារបណនថេរមនាេះមេលេ ឺ នស្គ ិ ើ ិ បស់អ្ក លអានណែេមទៀត។ ន មធវឲ្យមានភាពងាយ្សួ ើ

ើ បឲ្យ ើញមែេ ី Script

ខ្ងម្កាេមនេះ គជាបន ទ ត់ណែលមានតនេាមសមើ គ្នន៖ ឺ var name=”Hege”; var name = “Hege”; កូ ែរុ េះបនទត់ អ្នកអារស មស កូ ែរុ េះបនទត់មៅកនុង Text គជា ឺ String ជាេូ យ នឹង Backslash។ ខ្ងម្កាេមនេះគជាឧទា ឺ

ែ៍ណែល្តូវបងា​ាញ៖

document.write(“Hello \ World!”); យងណាក៍មដាយអ្នកេិនអារស មស កូ ែរុ េះបនទត់ែូរខ្ងម្កាេបានមទ៖ document.write \


(“Hello World!”); មតអ្ន ឹ មទ? ើ កែង JavaScript គជាភាស្គ Scripting ។ កូ ែ Scripting គ្តូ ឺ ឺ វបានែមាំ ែើ កា បនទត់ មដាយបនទត់ គឺ្តូវបានមធវកា ណកណ្បម ើ

Browser ។ ជាទាំោប់ កូ ែទា ាំងអ្ស់្តូវណតបាន compiled ិ ើងវញមដាយ

េុ នមពល្តូវបានែមាំ ែើ កា ។

មេម ៀនទី ៥ JavaScript Comments


Informationtenhnology 18:32

JavaScript

JavaScript Comments ្តូវបានមគម្ប្បាស់ មែេ ើតឲ្យមានភាពងាយ្សូ លកនុង ើ បបមងក ើ ី កា មេល ើ កូ ែបណនថេមទៀត។ JavaScript Comments

- Comments នឹងេនអារ្តូ វបានែមាំ ែើ កា មដាយ JavaScript។ ិ

- Comments ្តូវបានមគបណនថេមៅមលើកា ពនយល់ JavaScript ឬក៍ មែេ ើតឲ្យមានភាពងាយ្សូ លមេលបណនថ េមទៀត។ ើ បបមងក ើ ី

- កា ម្ប្បាស់ Comments េួ យរួ ្តូវចាប់មផែេ ើ ជាេួ យសញ្ជា // ។ ើ - ខ្ងម្កាេមនេះគជាឧទា ឺ // Write to a heading:

ែ៍ពី កា ម្បើ Comments េួ យរួ មែើេបពនយល់ កូែ៖ ី

document.getElementById(“myH1″).innerHTML=”Welcome to my Homepage”; // Write to a paragraph:


document.getElementById(“myP”).innerHTML=”This is my first paragraph.”; កា ម្បើ Comments ម្រនរួ ជាេួ យ JavaScript ើ - កា ម្ប្បាស់ Comments ម្រនរួ ្តូវចាប់មផែេ ើ ជាេួ យសញ្ជា /* ម ើ ើ

ើ យបញ្ច ប់ជា

េួ យសញ្ជា */ ។ - ខ្ងម្កាេមនេះគជាឧទា ឺ

ែ៍ពី កា ម្បើ Comments ម្រនរួ មែេ កូែ៖ ើ បពនយល់ ើ ី

/* The code below will write to a heading and to a paragraph, and will represent the start of my homepage: */ document.getElementById(“myH1″).innerHTML=”Welcome to my Homepage”; document.getElementById(“myP”).innerHTML=”This is my first paragraph.”; កា ម្ប្បាស់ Comments មែេ មាំ ែើ កា ើ បេ ើ ិ ី នឲ្យមានែ ខ្ងម្កាេមនេះគជាឧទា ឺ

ែ៍ពី កា ម្បើ Comments គ្តូ មែេ ើ បេ ឺ វបានម្ប្បាស់ ើ ិ ី នឲ្យ

មានែមាំ ែើ កា ណាេួ យននបនទត់កូែ។ //document.getElementById(“myH1″).innerHTML=”Welcome to my Homepage”; document.getElementById(“myP”).innerHTML=”This is my first paragraph.”;


ខ្ងម្កាេមនេះគជាឧទា ឺ

ែ៍ពី កា ម្បើ Comments គឺ្តូវបានម្ប្បាស់ មែើេបេ ើ ិ ី នឲ្យ

មានែមាំ ែើ កា ណាេួ យនន Block កូ ែ។ /*document.getElementById(“myH1″).innerHTML=”Welcome to my Homepage”; document.getElementById(“myP”).innerHTML=”This is my first paragraph.”;*/ កា ម្ប្បាស់ Comments មៅរុ ងបញ្ច ប់ននរួ ើ ខ្ងម្កាេមនេះគជាឧទា ឺ

ែ៍ពី កា ម្បើ Comments គ្តូ ឺ វបាន ផ្លាស់ផូ ែ កូ ែមៅ

រុ ងបញ្ច ប់ននរួ ៖ var x=5;

// declare x and assign 5 to it

var y=x+2; // declare y and assign x+2 to it


មេម ៀនទី៦ JavaScript Variables

Informationtenhnology 18:32

JavaScript


JavaScript Variables គឺជា “containers” ស្មាប់មធវើកា ផទុកនូ វព័ត៍មាន៖ ឧទា

ែ៍៖

Var x=5; var y=6; var z=x+y; ់ រមៅ នឹងពីរគែិត ភាគម្រនវាមានទាំ ងែូ ើ x=5 y=6 z=x+y មៅកនុងពីរគែិតមយងម្ប ែូ ើ ើ រជាអ្កេ x មែើេបផទ ី ុ កតនេា ែូ រជាមលខ 5។


ពី កា បងា​ាញ z=x+y ខ្ងមលើមយើងអារមធវកា calculate ននតនេា z មសមើនឹង11។ ើ មៅកនុង JavaScript អ្កេ ទា ាំងមនេះគ្តូ ឺ វបានមគមៅថាជា Variables។ JavaScript Variables ែូ រជាកា ម្បជាេួ យនឹងពីរគែិត JavaScript variable ្តូវបានមគម្ប្បាស់ មែ េ ើ បផទ ើ ើ ី ុក តនេាែូរជា x=5 ឬក៍ z=x+y។ Variable អារមានម្មេះខាីែូ រជា x ម (age, sum, totalvolume)។

នមផេងមទៀត។ គឺ មានែូ រជា ើ យនឹង y ឬក៍អារមានអ្វៗជាម្រ ី ើ

ម្មេះ Variable គឺ្តូវណតចាប់មផែើេជាេួ យនឹង អ្កេ ។ ម្មេះ Variable គអារចាប់ មផែេ ើ ជាេួ យនឹងសញ្ជា ($) ម ឺ (បុ ណនែមយងេ ន្តូ វបានម្ប្បាស់ វាមទ)។ ើ ិ ើ

ម្មេះ Variable គេ អ្កេ តូ រអ្កេ ធាំមទ(y ម ឺ ន្បកាន់ ិ

ើ យនឹង( _ )

ើ យនឹង Y គជា ឺ Variables មផេងគ្នន)។

JavaScript Data Types JavaScript Variables អារផទុកនូ វ្បមភទនន data type មផេងៗមទៀត ែូ រជាតនេានន text (name=”John Doe”)។


មៅកនុង JavaScript text ែូ រជា “John Doe” គឺ្តូវបានមគមៅថាជា string។ មាន្បមភទនន JavaScript Variables ជាម្រន ើ បុ ណនែមគម្រនម្ប ើ ើ numbers ម

ើយ

strings។ មៅមពលណែលអ្នកកាំែត់តនេាជា text មៅឲ្យ variable ្តូវដាក់ double ឬក៍ single quotes មៅសងខ្ងតនេា។ មៅមពលណែលអ្នកកាំែត់តនេាជា numeric មៅឲ្យ variable គឺេិនចា ាំបារ់ដាក់ double quotes មៅសងខ្ងតនេា មទ។ ឧទា

ែ៍៖

var pi=3.14; var name=”John Doe”; var answer=’Yes I am!’; កា ្បកាស (កា បមងកត ើ ) JavaScript Variables កា បមងកើត variable មៅកនុង JavaScript គសាំ ឺ មៅមៅមលើកា ្បកាស variable។ អ្នក្បកាស JavaScript variables ជាេួ យនឹង keyword var។ ឧទា

ែ៍៖


var carname; បនទប់ពីកា ្បកាស variables គេ )។ ឺ នមានអ្វ ិ ី (វាគេ ឺ នមានតនេា ិ មែេ សញ្ជាមសមើ (=)។ ើ បកាំ ើ ី នត់តនេាមៅឲ្យ variables ្តូវម្ប្បាស់ ឧទា

ែ៍៖

carname=”Volvo”; មទាេះជាយងណាក៍អ្ក ន អារកាំែត់តនេាមៅឲ្យ variables មនេះផងណែ មៅមពលណែលអ្នក ្បកាសវា។ var carname=”Volvo”; មៅកនុងឧទា

ែ៍ខ្ងម្កាេមយងបមងក ត ើ variable ណែលមានម្មេះថា camame មែេ ើ បី ើ

កាំនត់នូវតនេាមៅឲ្យ “Volvo” ម ឧទា

ើ យបញ្ចូ លនូ វតនេាមៅកនុង HTML paragraph ជាេួ យ id=”demo”។

ែ៍៖

<p id=”demo”></p> var carname=”Volvo”; document.getElementById(“demo”).innerHTML=carname;


Statement េួ យ Variables ម្រន ើ អ្នកអារ្បកាស variables ម្រនមៅកន ើ ុ ង statement េួ យ ្គ្នន់ណតចាប់មផែើេ statement ជាេួ យ var ម

ើ យ variables ្តូវណបងណរកមដាយ camma ៖

var name=”Doe”, age=30, job=”carpenter”; កា ្បកាស បស់អ្ក ន អារម្រនបន ទ ត់៖ ើ var name=”Doe”, age=30, job=”carpenter”; កា ្បកាសម

ិ បស់ JavaScript Variable ើងវញ

្បសិនមបអ្ន ្បកាស JavaScript Variables វានឹងេនបានបាត់ បង់តនេា បស់វា ើ កមធវកា ើ ិ មទ។ តនេានន Variable carname នឹងនូ វណតមានតនេា “Volvo” បនទប់េកមានកា ែមាំ ែើ កា នន statements ពី ែូ រខ្ងម្កាេ៖

var carname=”Volvo”; var carname; JavaScript Arithmetic


ជាេួ យពីរគែិតអ្នកអារមធវើ arithmetic ជាេួ យ JavaScript variables មដាយកា ម្ប្បាស់ operators ែូ រជាសញ្ជា (=) ម ើ ឧទា y=5; x=y+2;

ែ៍៖

ើ យនឹងសញ្ជា (+)។


មេម ៀនទី៧ ្បមភទទិនន ន ័យ បស់ JavaScript Informationtenhnology 10:18

JavaScript


JavaScript គឺជា្បមភទ Dynamic។ មានន័យថាម្មេះ Variavle ណែល្តូវបានមគម្បើ ្បាស់មាន្បមភទមផេងៗគ្ននាៈ ឧទា

ែ៍៖

var x

// Now x is undefined

var x = 5; var x = “John”;

// Now x is a Number // Now x is a String

JavaScript ជា String Strings គឺជា Variable េួ យសាំរាប់ផុ កនូ វតួ អ្កេ ណែលមានជាបនែបនទប់ែូរជា”John Doe”។ ទ Strings អារជាអ្កេ អ្វេួ single quotes ឬក៏ double ី យណែលមៅកនុង quotes។ អ្នកអារម្ប្បាស់ ើ quotes ៖ ឧទា

ែ៍៖

var carname=”Volvo XC60″; var carname=’Volvo XC60′; អ្នកអារម្ប្បាស់ quotes មៅកនុង string ។ ើ ឧទា

ែ៍៖


var answer=”It’s alright”; var answer=”He is called ‘Johnny’”; var answer=’He is called “Johnny”‘; JavaScript ជា Numbers JavaScript Numbers អារស មស ជាេួ យ decimals ឬក៍េនណេនជា decimals៖ ិ ឧទា

ែ៍៖

var x1=34.00; var x2=34;

//Written with decimals //Written without decimals

JavaScript ជា Booleans Booleans អារមានតនេាពី បុ មណាណេះគ៖ ឺ true ឬក៍ false។ var x=true var y=false Booleans គជាញ មៅកនុងល័ កខ ខ ែឌននកា មធវើ testing ។ ឺ ឹ កញាប់្តូវបានមគម្ប្បាស់ ើ JavaScript Arrays ខ្ងម្កាេមនេះគជាកូ ែបមងកើត Array ណែលមានម្មេះ cars ៖ ឺ


var cars=new Array(); cars[0]=”Saab”; cars[1]=”Volvo”; cars[2]=”BMW”; ឬក៍អារប្ងូេាៈ var cars=new Array(“Saab”,”Volvo”,”BMW”); ឬក៍ាៈ ឧទា

ែ៍៖

var cars=["Saab","Volvo","BMW"]; ់ ីតា ាំងសូនយ មានន័យថាទីេួ យ គគ Array indexes គចាប់ មផែេ ើ ្តងទ ឺ ឺ តព ិ ី មលខ [0] ទីពី គឺគិតពី មលខ [1] ម

ើ យនឹងមានជាបនែបនទប់មទៀត។

JavaScript Objects Objects ្តូវបានមគកាំនត់មដាយ curly braces។ មៅកនុង braces object គឺជា properties ណែល្តូវបានកាំនត់ជាគូ គឺ ម្មេះម

គ្តូ ឺ វបានណបងណរកមដាយ commas ៖

ើ យនឹងតនេា (name : value)។ properties


var person={firstname:”John”, lastname:”Doe”, id:5566}; Objects (person) មៅកនុងឧទា id ។

Spacesម

ែ៍ខ្ងមលើមាន Properties បគ ី ៖ ឺ firstname,lastname, ម

ន អារមានម្រន ើ យនឹងកា រុ េះបនទត់គេ ឺ ិនសាំខ្ន់មទ។ កា ្បកាស បស់អ្ក ើ

បនទត់៖ var person={ firstname : “John”, lastname : “Doe”, id

: 5566

}; Objects properties អ្នកអារស មស បានពី មបៀប៖ ឧទា

ែ៍៖

name=person.lastname; name=person["lastname"]; Undefined ម

ើ យនឹង Null

Undefined គឺ Variable េនមានតនេា មទ។ ិ

ើ យនឹង


Variables អារេិនមានតនេាមដាយកាំែត់តនេាគឺ null។ ឧទា

ែ៍៖

cars=null; person=null; កា ្បកាស្បមភទនន Variables មៅមពលណែលអ្នក្បកាស Variable ែមីអ្ក ន អារ្បកាស្បមភទ បស់វាមដាយកា ម្បើ ្បាស់នូវ keyword ”new” ៖ var carname=new String; var x=

new Number;

var y=

new Boolean;

var cars= new Array; var person= new Object; JavaScript variables ទា ាំងអ្ស់គជា ើ ឺ objects។ មៅមពលណែលអ្នក្បកាស variable អ្នកបានបមងកត Objects ែមេ ី ួ យ។


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.