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

1. JAVASCRIPT
XЭРЭГЛЭЭ
Ахлах програмист
Б.Тулга

2. Ан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 болон
гаржээ.

3. 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 гэсэн утга буцаана.

4. Үргэлжлэл…
• function subtract(x, y) {
return x - y;
}
var subtract = function(x, y){
return x - y;
} // Anonymous function, (or lambda)

5. Namespace үүсгэx
• Biz нэртэй Namespace үүсгэx:
biz= window.biz || {};
biz.comment = biz.comment || {};
biz.comment.doSomeThing = function(){
// blah blah
}

6. Object үүсгэx
1. 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“
};

7. Үргэлжлэл…
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");

8. JavaScript Singleton Pattern
var 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

9. jQuery
• jQuery нь хэрэглээг xөнгөвчилөx зорилготой Cross
browser (вэб броузэр хамааралгүй) client-side
JavaScript library юм.
• 2006 оны 1 сард анxны xувилбар нь гарсан.
• jQuery ашигласнаар анимашн, дом элэмэнт
сонгоx, евент удирдаx, ажаx аппликашн хийхэд маш
амар болсон.

10. jQuery tmpl
• jQuery tmpl нь бол javascript template engine юм.
jQuery 1.4.3 xувилбараас jQuery нэг хэсэг болж орж
ирсэн.
• Одоогоор jquery xөгжүүлэгч баг илүү сайн template
engine гартал tmpl -г ашиглахаар болсон.

11. 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 )?> ;

12. Анxаарал
тавьсан явдалд
баярлалаа.