Станьте мастером программирования на JavaScript
JavaScript, немного странный, но чрезвычайно универсальный, является опорой в мире программирования. Независимо от того, создаете ли вы внешний интерфейс веб-сайта или разрабатываете серверную часть, JavaScript вас поддержит. Однако иногда это может напоминать попытку приручить дикую лошадь. Итак, давайте рассмотрим пять простых способов стать мастером программирования на JavaScript.
1. Подружитесь с ES6+
ES6 (также известный как ECMAScript 2015) и последующие версии добавили множество новых интересных инструментов в набор инструментов JavaScript. Чем больше вы узнаете об этом, тем легче будет ваша жизнь программиста. Вот некоторые особенности, которые необходимо знать:
Стрелочные функции. Это более простой способ написания функций. Кроме того, они немного облегчают работу с this
(подробнее об этом позже!)
const arr = [1, 2, 3]; const squares = arr.map(num => num * num); console.log(squares); // shows [1, 4, 9]
Деструктурирование. Этот причудливый термин просто означает, что вы можете очень легко отделять части от массивов и объектов.
const obj = { a: 1, b: 2, c: 3 }; const { a, b } = obj; console.log(a, b); // shows 1 2
Операторы распределения и остатка. Символ ...
позволяет либо взять массив и распределить его содержимое, либо собрать множество элементов в один массив.
// Spread const arr1 = [1, 2, 3]; const arr2 = [...arr1, 4, 5]; console.log(arr2); // shows [1, 2, 3, 4, 5] // Rest const fun = (...args) => console.log(args); fun(1, 2, 3); // shows [1, 2, 3]
2. Освойте асинхронный JavaScript
Поскольку JavaScript — это однонаправленный язык ума, он может фокусироваться только на одной вещи за раз. Но благодаря некоторым интересным функциям, таким как обратные вызовы, промисы и асинхронность/ожидание, JavaScript может совмещать несколько задач, не путаясь.
// Promises const promise = new Promise((resolve, reject) => { setTimeout(() => { resolve('Data received'); }, 1000); }); promise.then(data => console.log(data)); // shows 'Data received' after 1 second // Async/Await const getData = async () => { const response = await fetch('https://api.example.com/data'); const data = await response.json(); console.log(data); };
Чем больше вы будете практиковаться, тем больше вы освоите эти умопомрачительные функции.
3. Придерживайтесь строгого режима
Добавляя "use strict";
в начало своего кода, вы сообщаете JavaScript, что не допускаете ошибок, которые легко совершить. Это как иметь строгого учителя, который следит за тем, чтобы ты не стал неряшливым.
"use strict"; x = 10; // Oops! This will make an error.
Хотя это может показаться немного властным, использование строгого режима действительно может спасти вас!
4. Станьте лучшими друзьями с «этим»
В JavaScript this
— это слово, которое меняет свое значение в зависимости от того, где оно используется, что может сильно затруднить понимание. Знакомство с тем, как this
работает в различных ситуациях, сделает ваш код более мощным.
// In a method, 'this' is about the object it's in. const obj = { greet: function() { console.log(this); // 'this' means 'obj' here } }; // In a function, 'this' is about the world outside. function fun() { console.log(this); // 'this' means the whole wide world here (or 'undefined' in strict mode) } ``
5. Держите свой код в чистоте
Знание всех тонкостей JavaScript не сильно поможет вам, если ваш код запутан. Пишите код, который легко читается, с именами для вещей, которые имеют смысл, и комментариями, объясняющими сложные моменты. Держите свои функции небольшими и убедитесь, что каждая из них имеет только одну работу.
Кроме того, убедитесь, что вы знаете, как справляться с ошибками. Нет ничего хуже, чем оставить своих пользователей в беде, когда что-то пойдет не так!
Если вы хотите узнать больше, вам может понравиться JavaScript Junction: 100 советов по улучшению вашего кода. Эта книга содержит 100 крутых советов и приемов. Это отлично подходит для тех, кто хочет улучшить свои навыки в JavaScript.
И так, чего же ты ждешь? Попробуйте эти советы и посмотрите, как они работают для вас. Удачного кодирования!
Спасибо, что дочитали до конца. Пожалуйста, следите за автором и этой публикацией. Посетите Stackademic, чтобы узнать больше о том, как мы демократизируем бесплатное обучение программированию по всему миру.