рдПрдХ рдФрд░ рдЬрд╛рд╡рд╛рд╕реНрдХреНрд░рд┐рдкреНрдЯ рднрд╛рд╖рд╛ - рдХреЛрд▓рд╛рд╕реНрдХреНрд░рд┐рдкреНрдЯ







рд╕рднреА рдХреЛ рдирдорд╕реНрдХрд╛рд░! рдЗрд╕ рд▓реЗрдЦ рдореЗрдВ рдореИрдВ рдЖрдкрдХреЛ рдЕрдкрдиреА рднрд╛рд╖рд╛ - рдХреЛрд▓рд╛рд╕реНрдХреНрд░рд┐рдкреНрдЯ рд╕реЗ рдкрд░рд┐рдЪрд┐рдд рдХрд░рд╛рдирд╛ рдЪрд╛рд╣рддрд╛ рд╣реВрдВ ред рд╕рдВрдХреНрд╖реЗрдк рдореЗрдВ, рдпрд╣ рдПрдХ рдирдИ рд╡рд╛рдХреНрдпрд╡рд┐рдиреНрдпрд╛рд╕ рднрд╛рд╖рд╛ рд╣реИ рдЬреЛ рдЬрд╛рд╡рд╛рд╕реНрдХреНрд░рд┐рдкреНрдЯ рдореЗрдВ рдЕрдиреБрд╡рд╛рджрд┐рдд рд╣реИред рдореИрдВ рдЖрдкрдХреЛ рдЗрд╕ рднрд╛рд╖рд╛ рдХреЗ рдкреНрд░рдХрдЯ рд╣реЛрдиреЗ рдХреЗ рдХрд╛рд░рдгреЛрдВ рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рдмрддрд╛рдирд╛ рд╢реБрд░реВ рдХрд░реВрдБрдЧрд╛ред



рдЙрдкрд╕реНрдерд┐рддрд┐ рдХреЗ рдХрд╛рд░рдг









рд╣рдореЗрдВ рдЬрд╛рд╡рд╛рд╕реНрдХреНрд░рд┐рдкреНрдЯ рдореЗрдВ рдЕрдиреБрд╡рд╛рджрд┐рдд рднрд╛рд╖рд╛рдУрдВ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рдХреНрдпреЛрдВ рд╣реИ?


рдореЗрд░реЗ рд▓рд┐рдП рд╡реНрдпрдХреНрддрд┐рдЧрдд рд░реВрдк рд╕реЗ, рдРрд╕реА рднрд╛рд╖рд╛рдУрдВ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХрд╛ рд▓рд╛рдн, рдЬрд╝рд╛рд╣рд┐рд░ рд╣реИ, рдореБрдЦреНрдп рд░реВрдк рд╕реЗ рд╡рд╛рдХреНрдпрдЧрдд рдЪреАрдиреА рд╣реИ, рдЬреЛ рдХреЛрдб рдХреА рдорд╛рддреНрд░рд╛ рдХреЛ рдХрдо рдХрд░рддрд╛ рд╣реИред рджреВрд╕рд░реЗ, рдпрд╣ рд╕рдВрд░рдЪрдирд╛рддреНрдордХ (рдУрдУрдкреА, рдореЙрдбреНрдпреВрд▓, рдкреИрдХреЗрдЬ ...) рд╣реИ, рдЬреЛ рд╢реБрджреНрдз рдЬрд╛рд╡рд╛рд╕реНрдХреНрд░рд┐рдкреНрдЯ рдореЗрдВ рд╣рд╛рд╕рд┐рд▓ рдХрд░рдирд╛ рдЗрддрдирд╛ рдЖрд╕рд╛рди рдирд╣реАрдВ рд╣реИред рдлрд┐рд▓рд╣рд╛рд▓, рдРрд╕реА 3 рднрд╛рд╖рд╛рдПрдБ рд╣реИрдВ рдЬрд┐рдирдореЗрдВ рд▓рдЧрднрдЧ рд╕рднреА рд╕реВрдЪреАрдмрджреНрдз рдЧреБрдг рд╣реИрдВ:



CoffeeScript


рдпрд╣ рдЗрд╕ рдкреНрд░рдХрд╛рд░ рдХреА рдкрд╣рд▓реА рднрд╛рд╖рд╛ рд╣реИ рдЬрд┐рд╕рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рдореИрдВрдиреЗ рд╕реАрдЦрд╛ред рдлрд┐рд▓рд╣рд╛рд▓, рдЗрд╕ рднрд╛рд╖рд╛ рдореЗрдВ рдмрдбрд╝реА рд╕рдВрдЦреНрдпрд╛ рдореЗрдВ рд╕рд┐рдВрдЯреЗрдХреНрд╕ рдЪрд┐рдкреНрд╕ рд╣реИрдВ рдФрд░ рдХрдХреНрд╖рд╛рдУрдВ рдХреЗ рд╕рд╛рдордиреЗ OOP рдореМрдЬреВрдж рд╣реИред рдХреЙрдлрд╝реАрд╕реНрдХреНрд░рд┐рдкреНрдЯ рдореЗрдВ рд╕рд╛рдорд╛рдиреНрдп рд╡рд╛рдХреНрдпрд╡рд┐рдиреНрдпрд╛рд╕ рд╢реИрд▓реА рд░реВрдмреА рдФрд░ рдкрд╛рдпрдерди рдореЗрдВ рд╕рдорд╛рди рд╣реИ, рдпрд╣ рдЕрдЪреНрдЫрд╛ рджрд┐рдЦрддрд╛ рд╣реИ, рд▓реЗрдХрд┐рди рд╡реНрдпрдХреНрддрд┐рдЧрдд рд░реВрдк рд╕реЗ рдореИрдВ рд╕рднреА рд╕рдорд╛рди рдЪрд┐рдкреНрд╕ рджреЗрдЦрдирд╛ рдЪрд╛рд╣рддрд╛ рдерд╛, рд▓реЗрдХрд┐рди рд╕реА-рдЬреИрд╕реЗ рд╕рд┐рдВрдЯреИрдХреНрд╕ рдХреЗ рд╕рд╛рдеред рдЗрд╕рдХреЗ рдЕрд▓рд╛рд╡рд╛ CoffeeScript рдореЗрдВ рдХреЛрдб рд╕реЗ рд╕реНрд░реЛрдд / рдореЙрдбреНрдпреВрд▓ рдХрд╛ рдХреЛрдИ рд╕рдВрдмрдВрдз рдирд╣реАрдВ рд╣реИред



рдЯрд╛рдЗрдкрдкреНрд░рддрд┐


рдЯрд╛рдЗрдкрд╕реНрдХреНрд░рд┐рдкреНрдЯ Microsoft рджреНрд╡рд╛рд░рд╛ рд╡рд┐рдХрд╕рд┐рдд рдПрдХ рднрд╛рд╖рд╛ рд╣реИ рдЬрд┐рд╕рдореЗрдВ рд╕реНрдереИрддрд┐рдХ рдЯрд╛рдЗрдкрд┐рдВрдЧ, рдУрдУрдкреА рдХрд╛рд░реНрдпрд╛рдиреНрд╡рдпрди рдФрд░ рдкреНрд▓рдЧ-рдЗрди рд╣реИред рд╕рдВрд░рдЪрдирд╛ рдХреЗ рд╕рдВрджрд░реНрдн рдореЗрдВ, рд╕рдм рдХреБрдЫ рдареАрдХ рд╣реИ, рд▓реЗрдХрд┐рди рдЗрд╕рдореЗрдВ рдЪреАрдиреА рдХрд╛ рд╕рд┐рдВрдЯреИрдХреНрд╕ рдирд╣реАрдВ рд╣реИред











рддреАрд╡реНрд░ рдЧрддрд┐


рдЗрд╕ рднрд╛рд╖рд╛ рдХреЗ рд╕рд╛рде рдореЗрд░рд╛ рдкрд╣рд▓рд╛ рдкрд░рд┐рдЪрдп рдЗрд╕рдХреЗ рдкрд╣рд▓реЗ рд╕рдВрд╕реНрдХрд░рдг рдХреА рдЙрдкрд╕реНрдерд┐рддрд┐ рдХреЗ рдХреБрдЫ рд╣реА рд╕рдордп рдмрд╛рдж рд╣реБрдЖ: рднрд╛рд╖рд╛ рдЕрднреА рднреА рдХрдЪреНрдЪреА рдереА, рдФрд░ рдореИрдВ рдЦреБрдж рдЕрднреА рднреА рд╡рд╛рд╕реНрддрд╡ рдореЗрдВ рдирд╣реАрдВ рд╕рдордЭ рдкрд╛рдпрд╛ рдХрд┐ рдЗрд╕рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рдХреНрдпреЛрдВ рдереАред рдкрд┐рдЫрд▓реА рдЧрд░реНрдорд┐рдпреЛрдВ рдореЗрдВ, рдореИрдВрдиреЗ рдпрд╣ рджреЗрдЦрдиреЗ рдХрд╛ рдлреИрд╕рд▓рд╛ рдХрд┐рдпрд╛ рдХрд┐ рдЗрд╕ рднрд╛рд╖рд╛ рдХрд╛ рдХреНрдпрд╛ рд╣реБрдЖ - рдпрд╣ рд╡рд╣реА рдерд╛ рдЬрд┐рд╕рдХреА рдореБрдЭреЗ рдЖрд╡рд╢реНрдпрдХрддрд╛ рдереА: OOP, рдкреИрдХреЗрдЬ (рдпрд╣рд╛рдВ рддрдХ тАЛтАЛрдХрд┐ рдЕрдкрдиреЗ рд╕реНрд╡рдпрдВ рдХреЗ рдкреНрд░рдмрдВрдзрдХ рдХреЗ рд╕рд╛рде), рдПрдХ рдЕрдЪреНрдЫрд╛ рдорд╛рдирдХ рдкреБрд╕реНрддрдХрд╛рд▓рдп рдФрд░ рд╡рд╛рдХреНрдпрдЧрдд рдЪреАрдиреА, рдЬрд┐рд╕рдореЗрдВ рд╕реЗ рдХреИрд╕реНрдХреЗрдбрд┐рдВрдЧ рдСрдкрд░реЗрдЯрд░ рд╡рд┐рд╢реЗрд╖ рд░реВрдк рд╕реЗ рдореЗрд░реА рдЖрддреНрдорд╛ рдореЗрдВ рдЧрд┐рд░ рдЧрдпрд╛:



query("#myElement") ..innerHtml = "Hello World!" ..style.backgroundColor = "red";
      
      





рдбрд╛рд░реНрдЯ рдПрдХ рд╕рдВрдХрд▓рд┐рдд рдЬрд╛рд╡рд╛рд╕реНрдХреНрд░рд┐рдкреНрдЯ рднрд╛рд╖рд╛ рд╣реИ, рд▓реЗрдХрд┐рди рдкреАрдЫреЗ рдХреА рд╕рдВрдЧрддрддрд╛ рдХреЗ рдмрд┐рдирд╛ред рд╡рд┐рд╢реЗрд╖ рд░реВрдк рд╕реЗ, рдпрд╣ рд░рдирдЯрд╛рдЗрдо рдФрд░ рд▓рд╛рдЗрдмреНрд░реЗрд░реАрдЬрд╝ рдХреЗ рдПрдХ рдмрдбрд╝реЗ рд╡рдЬрди рдХреЗ рд╕рд╛рде-рд╕рд╛рде рдореМрдЬреВрджрд╛ рдЬрд╛рд╡рд╛рд╕реНрдХреНрд░рд┐рдкреНрдЯ рдХреЛрдб рдХреЗ рд╕рд╛рде рдХрд╛рдо рдХрд░рдиреЗ рдореЗрдВ рдХрдард┐рдирд╛рдЗрдпреЛрдВ рдХреА рдУрд░ рдЬрд╛рддрд╛ рд╣реИред



рдЕрдВрдд рдореЗрдВ


рдирддреАрдЬрддрди, рдореИрдВ рдЕрдкрдиреА рднрд╛рд╖рд╛ рдмрдирд╛рдиреЗ рдХреА рдЗрдЪреНрдЫрд╛ рд╕реЗ рдЙрдмрд░ рдЧрдпрд╛, рдЬреЛ рддреАрди рдЙрдкрд░реНрдпреБрдХреНрдд рднрд╛рд╖рд╛рдУрдВ рдХреЗ рд╕рд░реНрд╡рд╢реНрд░реЗрд╖реНрда рдкрдХреНрд╖реЛрдВ рдХреЛ рдЙрдзрд╛рд░ рд▓реЗрддрд╛ рд╣реИред рддреЛ ColaScript рдХрд╛ рдЖрд╡рд┐рд╖реНрдХрд╛рд░ рдХрд┐рдпрд╛ рдЧрдпрд╛ рдерд╛ред



рдирд┐рд░реНрдорд╛рдг рдкреНрд░рдХреНрд░рд┐рдпрд╛ рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рдереЛрдбрд╝рд╛ рд╕рд╛



UglifyJS рдЬреИрд╕реЗ рдПрдХ рдЙрдкрдХрд░рдг рдХреЛ рдЖрдзрд╛рд░ рдХреЗ рд░реВрдк рдореЗрдВ рд▓рд┐рдпрд╛ рдЧрдпрд╛ рдерд╛ред UglifyJS рдХреЛ рдЬрд╛рд╡рд╛рд╕реНрдХреНрд░рд┐рдкреНрдЯ рдХреЛрдб рдХреЛ рд╕рдВрдкреАрдбрд╝рд┐рдд рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдмрдирд╛рдпрд╛ рдЧрдпрд╛ рдерд╛, рдЗрд╕рдХреЗ рд▓рд┐рдП рдпрд╣ рдХреЛрдб рдХреЛ рдкрд╛рд░реНрд╕ рдХрд░рддрд╛ рд╣реИ рдФрд░ рдПрдПрд╕рдЯреА рдЯреНрд░реА рдХреЗ рд╕рд╛рде рдХрд╛рдо рдХрд░рддрд╛ рд╣реИред рдореЗрд░рд╛ рдХрд╛рдо рдкрд╛рд░реНрд╕рд░ рдХреЛ рдирдП рд╕рд┐рдВрдЯреИрдХреНрд╕ рдореЗрдВ рд╕рдВрд╢реЛрдзрд┐рдд рдХрд░рдирд╛ рдерд╛, рд╕рд╛рде рд╣реА рдЬрд╛рд╡рд╛рд╕реНрдХреНрд░рд┐рдкреНрдЯ-рдПрдПрд╕рдЯреА рдореЗрдВ рдХреЛрд▓рд╛рд╕реНрдХреНрд░рд┐рдкреНрдЯ-рдПрдПрд╕рдЯреА рдЕрдиреБрд╡рд╛рджрдХ рдХреЛ рд╕реАрдзреЗ рд▓рд┐рдЦрдирд╛, UglifyJS рдореЗрдВ рдмрд╛рдХреА рд╕рдм рдХреБрдЫ рдкрд╣рд▓реЗ рд╕реЗ рдореМрдЬреВрдж рд╣реИред рдПрдХ рд╣реА рд╕рдордп рдореЗрдВ рдХреЛрд▓рд╛рд╕реНрдХреНрд░рд┐рдкреНрдЯ рдФрд░ рдЬрд╛рд╡рд╛рд╕реНрдХреНрд░рд┐рдкреНрдЯ рджреЛрдиреЛрдВ рдХрд╛ рд╕рдорд░реНрдерди рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдкрд╛рд░реНрд╕рд░ рдореЗрдВ рд╕реБрдзрд╛рд░ рдХрд┐рдпрд╛ рдЧрдпрд╛ рд╣реИ, рдпрд╣ рдЗрд╕рд▓рд┐рдП рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИ рддрд╛рдХрд┐ рдЖрдк рдЬрд╛рд╡рд╛рд╕реНрдХреНрд░рд┐рдкреНрдЯ рдореЗрдВ рд▓рд┐рдЦреЗ рдЧрдП рдкреБрд╕реНрддрдХрд╛рд▓рдпреЛрдВ рдФрд░ рд░реВрдкрд░реЗрдЦрд╛рдУрдВ рдХреЛ рдЖрд╕рд╛рдиреА рд╕реЗ рдЬреЛрдбрд╝ рд╕рдХреЗрдВред



рдХреНрдпрд╛ рд╣реБрдЖ?



рдЖрдк рдЧрд┐рддреБрдм рдкрд░ рдореЗрд░реЗ рдХрд╛рдо рдХрд╛ рдирддреАрдЬрд╛ рджреЗрдЦ рд╕рдХрддреЗ рд╣реИрдВ, рдЖрдк рдпрд╣рд╛рдВ рд▓рд╛рдЗрд╡ рднрд╛рд╖рд╛ рдХреЗ рд╕рд╛рде рдЦреЗрд▓ рд╕рдХрддреЗ рд╣реИрдВ ред рдлрд┐рд▓рд╣рд╛рд▓, рд╡рд┐рдХрд╛рд╕ рдХрд╛ рдХреЗрд╡рд▓ рдкрд╣рд▓рд╛ рдЪрд░рдг рдкреВрд░рд╛ рд╣реБрдЖ рд╣реИ рдФрд░ рднрд╛рд╖рд╛ рдХреЛ рдЕрднреА рддрдХ рдПрдХ рд╣реА рдХреЙрдлреАрд╕реНрдХреНрд░рд┐рдкреНрдЯ, рдЯрд╛рдЗрдкрд╕реНрдХреНрд░рд┐рдкреНрдЯ рдФрд░ рдбрд╛рд░реНрдЯ рдкрд░ рдХреЛрдИ рд╡рд┐рд╢реЗрд╖ рд▓рд╛рдн рдирд╣реАрдВ рд╣реИ, рд▓реЗрдХрд┐рди рдХрд╛рд░реНрдпрд╛рдиреНрд╡рдпрди рдХреЗ рд▓рд┐рдП рдЕрднреА рднреА рдХрдИ рд╡рд┐рдЪрд╛рд░ рд╣реИрдВ рдЬреЛ рдпрд╣рд╛рдВ рд╡рд░реНрдгрд┐рдд рд╣реИрдВ ред



рдПрдХ рдмрд╣реБрдд рдЫреЛрдЯрд╛ рдХреЛрдб рдЙрджрд╛рд╣рд░рдг:

 @use strict main(){ console.log(" Hello World! This is simple example for Habrahabr.ru! PS I love haters so much :-) @{Date()} "); }
      
      





рдЕрдиреБрд╡рд╛рдж рдкрд░рд┐рдгрд╛рдо:

 "use strict"; window.addEventListener("DOMContentLoaded", function main() { console.log("\nHello World!\nThis is simple example for Habrahabr.ru!\n\nP.S. I love haters so much :-)\n" + Date() + "\n\n"); }, false);
      
      





рднрд╛рд╖рд╛ рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рдЖрдкрдХреА рд░рд╛рдп рдХрд╛ рдЗрдВрддрдЬрд╛рд░ рд╣реИред рдзреНрдпрд╛рди рджреЗрдиреЗ рдХреЗ рд▓рд┐рдП рдЖрдк рд╕рднреА рдХрд╛ рдзрдиреНрдпрд╡рд╛рджред



All Articles