Запитання з тегом «arrow-functions»

Питання про синтаксис компактних функцій у ECMAScript2015 (ES6) називають "стрілочними функціями" через їх використання "=>".

6
Функція стрілки ECMAScript 6, яка повертає об'єкт
Повертаючи об'єкт із функції стрілки, здається, що необхідно використовувати додатковий набір {}та returnключове слово через неоднозначність у граматиці. Це означає, що я не можу писати p => {foo: "bar"}, але мушу писати p => { return {foo: "bar"}; }. Якщо функція стрілки повертає нічого, крім об'єкта, {}і returnне потрібно, наприклад: …

3
Чи "Елементи стрілки" та "Функції" еквівалентні / обмінні?
Функції стрілок в ES2015 надають більш стислий синтаксис. Чи можу зараз замінити всі декларації / вирази своїх функцій стрілковими функціями? На що я повинен бути уважним? Приклади: Функція конструктора function User(name) { this.name = name; } // vs const User = name => { this.name = name; }; Методи прототипу …



13
Що означає "=>" (стрілка, сформована з рівних та більших, ніж) у JavaScript?
Я знаю, що >=оператор означає більше або дорівнює, але я бачив =>у деякому вихідному коді. У чому сенс цього оператора? Ось код: promiseTargetFile(fpParams, aSkipPrompt, relatedURI).then(aDialogAccepted => { if (!aDialogAccepted) return; saveAsType = fpParams.saveAsType; file = fpParams.file; continueSave(); }).then(null, Components.utils.reportError);

9
Коли я повинен використовувати функції стрілок у ECMAScript 6?
Питання спрямоване на людей, які задумалися про стиль коду в контексті майбутньої ECMAScript 6 (Гармонія) і які вже працювали з мовою. З () => {}і function () {}ми отримуємо два дуже схожих способи запису функцій в ES6. В інших мовах функції лямбда часто розрізняють себе за анонімністю, але в ECMAScript …

7
Чи можна використовувати синтаксис функції стрілки ES6 з генераторами? (позначення стрілки)
тобто як я це висловлюю: function *(next) {} зі стрілками. Я спробував усі комбінації, про які я міг придумати, і не можу знайти жодної документації на нього. (наразі використовується вузол v0.11.14)

8
Як записати названу функцію стрілки в ES2015?
У мене є функція, яку я намагаюся перетворити на новий синтаксис стрілки в ES6 . Це названа функція: function sayHello(name) { console.log(name + ' says hello'); } Чи є спосіб надати ім'я без заяви var: var sayHello = (name) => { console.log(name + ' says hello'); } Очевидно, я можу …

5
Коли я повинен використовувати `return` у функціях стрілки es6?
Нові функції стрілок es6 кажуть return, що при деяких обставинах неявна: Вираз є також неявним зворотним значенням цієї функції. У яких випадках мені потрібно користуватися returnфункціями стрілок es6?

4
ES6 негайно викликав функцію стрілки
Чому це працює в Node.jsконсолі (тестовано в 4.1.1 і 5.3.0), але не працює в браузері (тестується в Chrome)? Цей блок коду повинен створювати та викликати анонімну функцію, яка веде журнал Ok. () => { console.log('Ok'); }() Крім того, хоча вищезгадане працює в Node, це не працює: n => { console.log('Ok'); …


5
Використання jQuery $ (this) з функціями стрілки ES6 (лексична ця прив'язка)
Використання функцій стрілок ES6 із лексичним thisзв'язуванням чудово. Однак я зіткнувся з проблемою мить тому, використовуючи її із типовою прив'язкою клацань jQuery: class Game { foo() { self = this; this._pads.on('click', function() { if (self.go) { $(this).addClass('active'); } }); } } За допомогою функції стрілки: class Game { foo() { …

5
Використання змінної _ (підкреслення) із функціями стрілок у ES6 / Typescript
Я натрапив на цю конструкцію на кутовому прикладі і мені цікаво, чому саме це обрано: _ => console.log('Not using any parameters'); Я розумію, що змінна _ означає не хвилює / не використовується, але оскільки це єдина змінна, чи є якась причина віддавати перевагу використанню _ over: () => console.log('Not using …

6
Чому реквізити JSX не повинні використовувати функції стрілок або прив'язувати їх?
Я запускаю ворсинку зі своїм додатком React, і я отримую цю помилку: error JSX props should not use arrow functions react/jsx-no-bind І ось я запускаю функцію стрілки (всередині onClick): {this.state.photos.map(tile => ( <span key={tile.img}> <Checkbox defaultChecked={tile.checked} onCheck={() => this.selectPicture(tile)} style={{position: 'absolute', zIndex: 99, padding: 5, backgroundColor: 'rgba(255, 255, 255, 0.72)'}} …

Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.