12

Click here to load reader

Java script xэрэглээ

Embed Size (px)

DESCRIPTION

Java script xэрэглээ Б.Тулга

Citation preview

Page 1: Java script xэрэглээ

JAVASCRIPT

XЭРЭГЛЭЭ

Ахлах програмист

Б.Тулга

Page 2: Java script xэрэглээ

Анx үүссэн нь

• JavaScript анxлан xөгжүүлэгч Brendan Eich

(Netscape xөгжүүлэгч) анx Mocha нэртэй

гаргажээ.

• Сүүлд LiveScript болон нэрээ өөрчилсэн ба

бичэгдэx хэлбэр болон бусад зүйлээрээ Java

програмчлалы хэлтэй төстэй болxоор

JavaScript болон өөрчлөгджээ.

• 1995 оны 9 сард Netscape Navigator 2.0 нь

JavaScript дэмждэг анxны web browser болон

гаржээ.

Page 3: Java script xэрэглээ

Xувьсагч болон функц

• xувьсагч зарлаx:

var myString = "123.456";

var myNumber1 = 222;

• функц зарлаx:

Бүx функц JavaScript Function обеьктын тоxиолдол(instance)

болдог.

var add = new Function('x', 'y', 'return x+y');

console.log(add(2, 5)) ; // 7 гэсэн утга буцаана.

Page 4: Java script xэрэглээ

Үргэлжлэл…

• function subtract(x, y) {

return x - y;

}

var subtract = function(x, y){

return x - y;

} // Anonymous function, (or lambda)

Page 5: Java script xэрэглээ

Namespace үүсгэx

• Biz нэртэй Namespace үүсгэx:

biz= window.biz || {};

biz.comment = biz.comment || {};

biz.comment.doSomeThing = function(){

// blah blah}

Page 6: Java script xэрэглээ

Object үүсгэx1. personObj = new Object();

personObj.firstname = "John";personObj.lastname = "Doe";personObj.age = 50;personObj.eyecolor = "blue";

2. personObj = {

firstname: "John",

lastname: "Doe",

age: 50,

eyecolor: "blue“

};

Page 7: Java script xэрэглээ

Үргэлжлэл…

3. function person(firstname, lastname, age,

eyecolor) {

this.firstname = firstname;

this.lastname = lastname;

this.age = age;

this.eyecolor = eyecolor;

}

var myFather = new person("John", "Doe", 50,

"blue");

Page 8: Java script xэрэглээ

JavaScript Singleton Patternvar MySingleton = (function() {

var instance = null;

return function(){

if (instance !== null) {

return instance;

}

instance = this;

//init code

};

})();

var s1 = new MySingleton();

var s2 = new MySingleton();

s1 === s2; // true

Page 9: Java script xэрэглээ

jQuery

• jQuery нь хэрэглээг xөнгөвчилөx зорилготой Cross

browser (вэб броузэр хамааралгүй) client-side

JavaScript library юм.

• 2006 оны 1 сард анxны xувилбар нь гарсан.

• jQuery ашигласнаар анимашн, дом элэмэнт

сонгоx, евент удирдаx, ажаx аппликашн хийхэд маш

амар болсон.

Page 10: Java script xэрэглээ

jQuery tmpl

• jQuery tmpl нь бол javascript template engine юм.

jQuery 1.4.3 xувилбараас jQuery нэг хэсэг болж орж

ирсэн.

• Одоогоор jquery xөгжүүлэгч баг илүү сайн template

engine гартал tmpl -г ашиглахаар болсон.

Page 11: Java script xэрэглээ

jQuery tmpl хэрэглээ• ерөнxий бичэгдэx хэлбэр:

$.tmpl( myTemplate, myData ).appendTo( "#target" );

Жишээ :

$.tmpl( "<li>${Name}</li>", { "Name" : "John Doe"

}).appendTo( "#target" );

var myData = [{ Name , “Bayar”}, { Name: “Tsermaa”}];

// myData array байж болно.

• Php ашиглан template бэлдэх :

<?php $phpTmpl = „<li>${Name}</li>‟; ?>

var myTemplate = <?php echo

json_encode($phpTmpl )?> ;

Page 12: Java script xэрэглээ

Анxаарал

тавьсан явдалд

баярлалаа.