![varobj={a:1,b:2,}vararr[1,2,3,]ES3: errorES5: ok](https://image.slidesharecdn.com/es51-110831064128-phpapp02/85/EcmaScript-5-1-9-320.jpg)
![Геттеры и Сеттерыuser=Object.defineProperty({},"fullName",{get:function(){returnthis.firstName+' '+this.lastName},set:function(value){vars=value.trim().split(/\s+/,2)this.firstName=s[0]; this.lastName=s[1]}}) user.fullName="Вася Пупкин"alert(user.lastName)// Пупкин](https://image.slidesharecdn.com/es51-110831064128-phpapp02/85/EcmaScript-5-1-19-320.jpg)
![Геттеры и Сеттерыvaruser={getfullName(){returnthis.firstName+' '+this.lastName},setfullName(value){vars=value.trim().split(/\s+/,2)this.firstName=s[0]; this.lastName=s[1]}} user.fullName="Вася Пупкин"alert(user.lastName)// Пупкин](https://image.slidesharecdn.com/es51-110831064128-phpapp02/85/EcmaScript-5-1-20-320.jpg)
![JSON.stringify(str, whitelist)event={title:"Conference",date:newDate(),domElement:document.body}JSON.stringify(event)=> TypeError: Converting circular structure to JSONJSON.stringify(event,["title","date"])=> {"title":"Conference","date":"2011-02-15T09:44:13.419Z"}](https://image.slidesharecdn.com/es51-110831064128-phpapp02/85/EcmaScript-5-1-25-320.jpg)
![Функции,которые давно ждалиObject.keys(obj)"String".trim()Array.isArray(arr)[...].indexOf/lastIndexOf[...].forEach[...].map[...].filter[...].reduce/reduceRight// ...@seehttp://kangax.github.com/es5-compat-table/](https://image.slidesharecdn.com/es51-110831064128-phpapp02/85/EcmaScript-5-1-37-320.jpg)
![It’s all real__noSuchMethod__Proxy.createletblock_scoped="yay!"constREALLY="srsly"#(x) { x * x }ifx>zreturn"без скобок"moduleIter="@std:Iteration" return[i*iforiinrange(n)]functionprintf(format,...args)ek_scoped= "yay!" consEALLY= "srsly"](https://image.slidesharecdn.com/es51-110831064128-phpapp02/85/EcmaScript-5-1-40-320.jpg)
EcmaScript 5.1
- 2. История
- 3. varuser=<username="John"><fieldtype="age"value="25"/><fieldtype="email"value="john@gmail.com"/></user>alert(user.field.(@type=="email").@value)1997ECMA-262 1st edition1999ECMA-2623rd edition 2001Compact Profile 2004E4X — ECMA-262 4th ed.2009ECMA-2625th edition ??? —ECMA-262Harmony
- 4. ECMA-2625th edition Что нового?
- 7. functiontest(str){varre=/ok/galert(re.test(str))}test("ok")test("ok")// true// ES3: false, ES5: true
- 10. МетаСвойства
- 13. enumerable = falseObject.prototype.each=...for(propin{}){// без свойства ‘each’}
- 14. ОбъявлениеObject.defineProperty({},"class",{value:"Menu",writable:false,configurable:false,enumerable:true})=> { “class” : “Menu” }property descriptor
- 15. ОбъявлениеObject.defineProperties({},{class:{value:"Menu",writable:false,configurable:false},height:{value:200,configurable:false}})=> { “class” : “Menu”, “height”: 200 }
- 16. Закрытие объектаvaruser={name:"Вася",/* ... */}Object.preventExtensions(user)user.a=5// Нельзя добавлять свойстваObject.seal(user)deleteuser.name// Нельзя удалять свойстваObject.freeze(user)user.name='Петя'// Нельзя менять свойства
- 17. Наследованиеanimal={canWalk:true}rabbit=Object.create(animal,{canRun:{value:true}})alert(rabbit.canWalk)// trueObject.getPrototypeOf(rabbit) == animal // true
- 19. Геттеры и Сеттерыuser=Object.defineProperty({},"fullName",{get:function(){returnthis.firstName+' '+this.lastName},set:function(value){vars=value.trim().split(/\s+/,2)this.firstName=s[0]; this.lastName=s[1]}}) user.fullName="Вася Пупкин"alert(user.lastName)// Пупкин
- 20. Геттеры и Сеттерыvaruser={getfullName(){returnthis.firstName+' '+this.lastName},setfullName(value){vars=value.trim().split(/\s+/,2)this.firstName=s[0]; this.lastName=s[1]}} user.fullName="Вася Пупкин"alert(user.lastName)// Пупкин
- 21. JSON
- 23. JSON – любые объектыfunctionRoom(number){this.toJSON=function(){returnnumber}}event={title:"Conference",date:newDate(),room:newRoom(22)}JSON.stringify(event){"title":"Conference","date":"2011-02-15T09:12:06.836Z","room":22}
- 24. JSON – любые объектыfunctionRoom(number){this.toJSON=function(){returnnumber}}event={title:"Conference",date:newDate(), Date.prototype.toJSONroom:newRoom(22)}JSON.stringify(event){"title":"Conference","date":"2011-02-15T09:12:06.836Z","room":22}
- 25. JSON.stringify(str, whitelist)event={title:"Conference",date:newDate(),domElement:document.body}JSON.stringify(event)=> TypeError: Converting circular structure to JSONJSON.stringify(event,["title","date"])=> {"title":"Conference","date":"2011-02-15T09:44:13.419Z"}
- 27. JSON.parse(str)str='{"title":"Conference", \ "date":"2011-02-15T09:44:13.419Z"}'event=JSON.parse(str)пробелы
- 28. JSON.parse(str)str='{"title":"Conference", \ "date":"2011-02-15T09:44:13.419Z"}'event=JSON.parse(str)event.date.getDay()=> TypeError: no method 'getDay'
- 29. JSON.parse(str, reviver)str='{"title":"Conference", \ "date":"2011-02-15T09:44:13.419Z"}'event=JSON.parse(str,function(key,value){if(key=='date'){returnnewDate(value)}returnvalue})event.date.getDay()=> 2
- 30. bind
- 33. Strict mode
- 34. use strict"use strict"... code ...
- 35. use strictfunctionF(){"use strict"this.method=function(){// strict mode inherited}}
- 36. use strictalert(010)// SyntaxError (octal literals deprecated)a=5// ReferenceError (undeclared a)obj.notWritable=...// TypeErrordeleteobj.notConfigurable// TypeErroreval("var a = 5")alert(a)// ReferenceError (undeclared a)arguments.callee// TypeErrorarguments.caller// TypeError(function(){alert(this)// undefined вместо window})()with(..)// SyntaxError, 'with' statement
- 37. Функции,которые давно ждалиObject.keys(obj)"String".trim()Array.isArray(arr)[...].indexOf/lastIndexOf[...].forEach[...].map[...].filter[...].reduce/reduceRight// ...@seehttp://kangax.github.com/es5-compat-table/
- 38. The future is now ?PrototypeJSES5-shim
- 39. Harmony
- 40. It’s all real__noSuchMethod__Proxy.createletblock_scoped="yay!"constREALLY="srsly"#(x) { x * x }ifx>zreturn"без скобок"moduleIter="@std:Iteration" return[i*iforiinrange(n)]functionprintf(format,...args)ek_scoped= "yay!" consEALLY= "srsly"