Click here to load reader
Upload
singleton
View
1.162
Download
0
Embed Size (px)
DESCRIPTION
Java script xэрэглээ Б.Тулга
Citation preview
JAVASCRIPT
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 болон
гаржээ.
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 гэсэн утга буцаана.
Үргэлжлэл…
• function subtract(x, y) {
return x - y;
}
var subtract = function(x, y){
return x - y;
} // Anonymous function, (or lambda)
Namespace үүсгэx
• Biz нэртэй Namespace үүсгэx:
biz= window.biz || {};
biz.comment = biz.comment || {};
biz.comment.doSomeThing = function(){
// blah blah}
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“
};
Үргэлжлэл…
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");
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
jQuery
• jQuery нь хэрэглээг xөнгөвчилөx зорилготой Cross
browser (вэб броузэр хамааралгүй) client-side
JavaScript library юм.
• 2006 оны 1 сард анxны xувилбар нь гарсан.
• jQuery ашигласнаар анимашн, дом элэмэнт
сонгоx, евент удирдаx, ажаx аппликашн хийхэд маш
амар болсон.
jQuery tmpl
• jQuery tmpl нь бол javascript template engine юм.
jQuery 1.4.3 xувилбараас jQuery нэг хэсэг болж орж
ирсэн.
• Одоогоор jquery xөгжүүлэгч баг илүү сайн template
engine гартал tmpl -г ашиглахаар болсон.
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 )?> ;
Анxаарал
тавьсан явдалд
баярлалаа.