Функције ЈаваСцрипт стрелице могу вас учинити бољим програмером

Реклама

ЈаваСцрипт ЕС6 донео је узбудљиве промене у свету веб развоја. Нове допуне ЈаваСцрипт језику донијеле су нове могућности.

Једна од популарнијих промена било је додавање стрелица у ЈаваСцрипт. Функције стрелица нови су начин за писање израза ЈаваСцрипт функције, што вам омогућава два различита начина за креирање функција у вашој апликацији.

Функције стрелица мало се прилагођавају ако сте стручњак за традиционалне ЈаваСцрипт функције. Погледајмо шта су то, како функционишу и како вам користе.

Шта су ЈаваСцрипт стрелице?

Функције стрелица нови су начин за писање израза функција који су били укључено у издање ЈаваСцрипт ЕС6 Шта је ЕС6 и шта Јавасцрипт програмери требају знатиЕС6 се односи на верзију 6 програмског језика ЕЦМА Сцрипт (Јавасцрипт). Погледајмо сада неке велике промене које ЕС6 доноси у ЈаваСцрипт. Опширније . Они су слични изразима ЈаваСцрипт функције које користите, са мало другачијим правилима.

Функције стрелица су увек анонимне, имају другачија правила ово, и имају једноставнију синтаксу од традиционалних функција.

Ове функције користе нови токен стрелице:

=>

Ако сте икада радили у Питхон-у, ове функције су врло сличне Питхон Ламбда изрази Водич за почетнике за разумевање функција Питхон ЛамбдаЛамбде у Питхон-у су једна од најкориснијих, најважнијих и најзанимљивијих карактеристика које треба знати. Ево како их користити и зашто су корисни. Опширније .

Синтакса ових функција је мало чишћа од нормалних функција. Постоји неколико нових правила која морате имати на уму:

• Функцијска кључна реч је уклоњена
• Повратна кључна реч није обавезна
• Коврчаве наруквице нису обавезне

Постоји много малих промена које треба прећи, па кренимо са основним упоређивањем израза функција.

Како се користе функције стрелице

Функције стрелица су једноставне за употребу. Разумевање функција стрелица је лакше у поређењу са традиционалним изразима функција.

Ево израза функције који додаје два броја; прво коришћење традиционалне методе функције:

 нека адднум = функција (нум1, нум2) {ретурн нум1 + нум2; }; адднум (1,2); >>3

То је прилично једноставна функција која узима два аргумента и враћа зброј.

Ево израза промењеног у функцију стрелице:

нека адднум = (нум1, нум2) => {врати нум1 + нум2;}; адднум (1,2); >>3

Синтакса функције је сасвим другачија користећи функцију стрелице. Функцијска кључна реч је уклоњена; токен стрелице омогућава ЈаваСцрипт да знате да пишете функцију.

Коврчава заграде и повратна кључна реч су још увек ту. Ово су опционе функције са стрелицама. Ево још једноставнијег примера исте функције:

нека адднум = (нум1, нум2) => нум1 + нум2;

Повратна кључна реч и коврчави заграде сада више нема. Остало је врло чиста једноредна функција која је готово половина кода као изворна функција. Исти резултат добијате са много мање написаним кодом.

Има више функција стрелице. заронимо дубље како бисте боље осјетили шта могу учинити.

Функције стрелице

Функције стрелица укључују много различитих употреба и функција.

Редовне функције

Функције стрелице могу користити један или више аргумената. Ако користите два или више аргумената, морате их приложити у заградама. Ако имате само један аргумент, не морате користити заграде.

нека је квадрат = к => к * к квадрат (2); >>4

Функције стрелица се могу користити без аргумената. Ако не користите никакве аргументе у својој функцији, морате користити празне заграде.

нека хеллоФунцтион = () => Цонсоле.лог ("Поздрав читачу!"); хеллоФунцтион (); >> Поздрав читачу!

Једноставне функције попут ове користе много мање кода. Замислите колико је лакше комплекс пројекат попут ЈаваСцрипт презентације Како да направите ЈаваСцрипт СлидеСхов у 3 једноставна коракаДанас ћу вам показати како да направите презентацију Јавацрипт-а од почетка - ускочимо одмах! Опширније постаје када имате једноставнији начин писања функција.

Користећи ово

Концепт ово је најтежи део употребе ЈаваСцрипта. Функције стрелица чине ово лакши за употребу.

Када користите функције стрелице ово биће дефинисана функцијом која се прилаже. Ово може створити проблеме који настају када креирате угнијежђене функције и потребе ово да се примените на вашу главну функцију

Ево популарног примера који показује решење које морате користити са редовним функцијама.

функција Особа () {вар да = ово; // Морате доделити 'ово' новој променљивој тхат.аге = 0; сетИнтервал (функција растеУп () {тхат.аге ++; }, 1000); }

Додељивање вредности за ово на променљиву чини је читљивом када позовете функцију унутар главне функције. Ово је неуредно, ево бољег начина за то помоћу функција стрелица.

функција Особа () {тхис.аге = 0; сетИнтервал (() => {тхис.аге ++; // Сада можете да користите ово 'без деклариране нове променљиве}, 1000); }

Иако су одличне за функције, не треба их користити за креирање метода унутар објекта. Функције стрелица не користе право рангирање ово.

Ево једноставног објекта који креира метод изнутра помоћу функције стрелице. Метода би требало да смањи преливи променљива по једна када се зове. Уместо тога, то уопште не функционише.

нека пизза = { преливи: 5, уклониТоппингс: () => {тхис.топпингс--; } } // Објект пице са 5 прелива. > пица. >> {топпингс: 5, ремовеТоппингс: ф} пизза.ремовеТоппингс (); // Метода неће ништа учинити објекту> пизза. >> {топпингс: 5, ремовеТоппингс: ф} // Још увек има 5 прелива.

Рад са низовима

Помоћу функција стрелица можете поједноставити код који се користи за рад с методама поља. Низи и Методе низа су веома важни делови ЈаваСцрипта 5 ЈаваСцрипт Арраи метода које бисте требали савладати данасЖелите да разумијете ЈаваСцрипт матрице, али не можете да се позабавите њима? Погледајте наше примере ЈаваСцрипт матрице за смернице. Опширније па ћете их пуно користити

Постоје неке корисне методе попут Мапа метода која покреће функцију на свим елементима матрице и враћа нови низ.

нека је мојАрраи = [1,2,3,4]; миАрраи.мап (функција (елемент) { повратни елемент + 1; }); >> [2,3,4,5]

Ово је прилично једноставна функција која додаје сваку вредност у низу. Можете да напишете исту функцију са мање кода користећи функцију стрелице.

нека је мојАрраи = [1,2,3,4]; миАрраи.мап (елемент => { повратни елемент + 1; }); >> [2,3,4,5]

Сада је много лакше читати.

Стварање објектних литерала

Функције стрелица могу се користити за креирање објеката у Литератури. Редовне функције могу да их креирају, али су мало дуже.

нека цреатеОбјецт = функција цреатеНаме (прва, задња) {ретурн {фирст: фирст, ласт: ласт}; };

Исти објект можете направити помоћу функције стрелице користећи мање кода. Користећи нотацију стрелица, морат ћете замотати функцијско тијело у заграде. Ево побољшаног синтакса са функцијама стрелице.

нека створиАрровОбјецт = (први, последњи) => ({први: први, последњи: последњи});

Функције ЈаваСцрипт стрелице и шире

Сада знате неколико различитих начина на које функције ЈаваСцрипт стрелице олакшавају ваш живот програмеру. Они скраћују синтаксу, дају вам већу контролу над коришћењем ово, олакшавају креирање објеката и дају вам нови начин рада са методама низа.

Увођење функција стрелица, заједно са многим другим функцијама, у ЈаваСцрипт ЕС6 показује колико је ЈаваСцрипт постао важан у веб развоју. Ипак, можете учинити још много тога.

Желите да сазнате више о ЈаваСцрипт-у? Наш ЈаваСцрипт цхеат схеет Ултимате ЈаваСцрипт варалицаДобијте брзо освежавање ЈаваСцрипт елемената уз овај варалица. Опширније пружа вредне информације и сазнаје више о томе како функционише ЈаваСцрипт Шта је ЈаваСцрипт и како функционише?Ако учите развој веба, ево шта треба да знате о ЈаваСцрипт-у и како то функционише са ХТМЛ-ом и ЦСС-ом. Опширније може вас учинити бољим програмером.