Сделайте JavaScript простым для понимания

Написание лучшего кода является частью процесса становления лучшим разработчиком, и для подготовки к Andela Bootcamp мне нужно было разрабатывать наши проекты на JavaScript, который работает на >Узелсреда. Одной из спецификаций проекта было написание кода на ES6, который в настоящее время является новым способом написания JavaScript.

ECMAScript 6 также известен как ES6 и ECMAScript 2015. Некоторые называют его JavaScript 6. Это новая версия JavaScript.

Он поставляется с новыми функциями и способами сделать JavaScript простым для написания и понятным каждому человеку. Чтобы адаптироваться к ES6, в Интернете доступны инструменты, которые упрощают начало работы. Некоторые из этих инструментов включают ESLINT, представляющую собой библиотеку анализа кода, обеспечивающую соблюдение правил того, как должен выглядеть код ES6. И я упоминал выше, что существуют правила 🧐, которым нужно следовать при написании кода в ES6. Эти правила разработаны и реализованы в виде руководств руководств по стилю, созданных разработчиками. Одним из известных руководств по стилю является Руководство по стилю AirBnB.

Руководство по стилю Airbnbкакв основном разумный подход к JavaScript,в нем есть новые способы, которые делают написание JavaScript лучше, как в следующих примерах;

  1. Деструктуризация объекта. Это дает вам возможность назначать свойства массива или объекта переменным, используя синтаксис, похожий на литералы массива или объекта. Этот синтаксис может быть очень кратким, но при этом более понятным, чем традиционный доступ к свойствам.
// Bad
  const firstName = someArray[0];
const secondName = someArray[1];
// Good
   const [firstName , secondName] = someArray;

2. camelCase. Существует практика написания фраз таким образом, что каждое слово или аббревиатура в середине фразы начинается с заглавной буквы без промежуточных пробелов или знаков препинания. Camel case облегчает чтение кода, особенно когда вы пишете функцию, это помогает другому человеку легко понять, что делает функция.

// Bad
  const hello_world = (my_name) =>{
         return my_name;
  }
// Good
  const helloWorld = (myName) => {
      return myName;
  }

С помощью других инструментов, таких как Babel , который представляет собой компилятор JavaScript, который в основном используется для преобразования кода ECMAScript 2015+ в обратно совместимую версию JavaScript, которая может запускаться старыми движками JavaScript. Я смог создать и запустить свой проект на разных платформах, таких как heroku, не беспокоясь.

Сейчас я чувствую, что действительно вырос как разработчик благодаря тому, чему научился при разработке проектов в ES6.