Dart для программистов JavaScript

Dart для программистов JavaScript

От автора: это мое личное восприятие того, как Dart быстро превратился из языка, на котором я должен был научиться создавать что-то с помощью Flutter, в язык, которым я люблю пользоваться каждый день.

Когда вы начинаете с работать Flutter, вы часто слышите, что Dart похож на JavaScript. Ну, это в принципе так… за исключением тех случаев, когда это не так. Я подумал, что было бы полезно выделить некоторые тонкие отличия между Dart JavaScript, чтобы упростить задачу разработчикам, когда им нужно будет переключаться с одного языка на другой.

Условия должны иметь статический тип ‘bool’

В дополнение к типам, Dart вообще более строгий язык. В JavaScript вы можете использовать любое «истинное» значение в условном выражении. Например:

JavaScript. Быстрый старт

Изучите основы JavaScript на практическом примере по созданию веб-приложения

Узнать подробнее

Если вы попробуете эквивалентный код в Dart, вы увидите предупреждение “Conditions must have a static type of ‘bool’”. Причина в том, что Dart требует, чтобы условие было bool true, а не просто «истинным» значением. Вы можете исправить код, изменив его на:

Но предпочтительный подход заключается в следующем:

В связи с этим в Dart нет тройных символов равно (===). В качестве отступления, я увидел этот отличный совет в Twitter — использовать тот же analysis_options.yaml, что и команда Flutter. Это очень помогло освоить с лучшие практики Dart в целом.

Где console.log?

Хотя я постоянно пытаюсь научиться полагаться на отладчик, старые привычки тяжело умирают. Вместо console.log вы можете использовать print. Dart поддерживает интерполяцию строк, так что там, где в JavaScript вы можете написать:

в Dart используйте:

Если вам нужно получить доступ к свойствам переменной или вызвать функции, вы можете заключить ее в фигурные скобки.

Параметры функции

Это одна из областей, в которых, мне кажется, JavaScript и Dart отличаются сильнее всего. Dart предоставляет гораздо более мощную реализацию, но для адаптации может потребоваться некоторое время.

Этот ответ на StackOverflow от Сета Лэдда отлично объясняет различия. В общем в Dart вы можете передать параметры в заданных позициях:

JavaScript. Быстрый старт

Изучите основы JavaScript на практическом примере по созданию веб-приложения

Узнать подробнее

Или вы можете передать их по имени:

Для конструкторов вы можете использовать this.fieldName, чтобы сообщить Dart, что переданное значение должно быть присвоено свойству.

Обработка массивов

Массивы в основном обрабатываются одинаково, но есть несколько отличий, на которые стоит обратить внимание. Ключевым отличием является то, что вы добавляете элемент в массив, вызывая add, а не push.

Dart предоставляет вспомогательные методы first и firstWhere, которые, как вы могли догадаться, возвращают первый элемент в массиве. Менее очевидно, что по умолчанию, если совпадение не найдено, методы выдают ошибку. Вы можете обработать этот случай, указав значение для orElse, которое будет возвращено, если элемент не найден.

Final и Const

На то, чтобы разобраться с эти, у меня ушло какое-то время. Я думаю, что этот пост лучше всего объясняет различия, которые я обнаружил. Ключевое различие между final и const заключается в том, что final описывает переменную, а const описывает само значение. Окончательная переменная может быть установлена только один раз, но значение, на которое она указывает, может быть изменено, значение const заморожено и не может быть изменено.

Еще один хороший совет относительно использования файла Flutter analysis_options — используйте конструкторяы const, где это возможно, при создании виджетов. Это может оказать большое влияние на производительность приложения, позволяя платформе кэшировать виджеты.

Толстая стрелка

«Толстая стрелка» или => может использоваться для однострочных функций. Например, вместо:

Вы можете написать:

Вроде бы небольшая разница, но она определенно может оказать положительное влияние на читаемость кода.

Заключение

Подводя итог, стоит упомянуть еще несколько моментов.

Чтобы преобразовать значение (например) в double, вы можете использовать double.parse или double.tryParse. Первый выдаст ошибку, если не проходит, а второй нет.

Вы можете использовать нулевые операторы (например, contact? .FirstName), чтобы упростить обработку нулевых значений.

Автор: Hillel Coren

Источник: https://medium.com/

Редакция: Команда webformyself.

JavaScript. Быстрый старт

Изучите основы JavaScript на практическом примере по созданию веб-приложения

Узнать подробнее

JavaScript. Быстрый старт

Изучите основы JavaScript на практическом примере по созданию веб-приложения

Смотреть

Метки:

Похожие статьи:

Комментарии Вконтакте:

Комментарии Facebook:

Добавить комментарий