Автор: Милош Протич
Переводчик: Front-end Xiaozhi
Источник: блог.risingstack
Чем больше вы знаете, тем больше вы не знаете
Ставьте лайк и смотрите снова, формируйте привычку
эта статьяГитхаб:GitHub.com/QQ449245884…Он был включен в вышеизложенное, и более ранние высоко оцененные статьи были засекречены, а также было систематизировано множество моих документов и учебных материалов. Добро пожаловать в Star and Perfect. Вы можете обратиться в тестовый центр для ознакомления во время собеседования. Надеюсь, у нас что-то получится вместе.
Чтобы обеспечить удобочитаемость, в этой статье используется вольный перевод, а не дословный перевод.
Введение
Если мы сосредоточимся на структуре и читабельности самого кода, а не только на том, работает ли он, то мы имеем определенный уровень написания кода. Профессиональные разработчики будут писать код для себя в будущем и «других», а не только код, который может справиться с текущей задачей.
Исходя из этого, хорошо читаемый код можно определить как не требующий пояснений, простой для понимания и легко изменяемый или расширяемый.
Следующий список - хороший способ написать, только для справки, конечно, если у вас есть лучший способ, добро пожаловать, чтобы оставить сообщение.
Следующий метод предназначен только для обеспечения угла, это не означает, что это необходимо сделать, пожалуйста, не носите его с собой.
1. Строгая проверка типов
использовать===заменять==
2. Переменные
Назовите переменную так, чтобы это имело смысл, чтобы, когда вы снова увидите имя переменной, вы могли примерно понять, что оно означает.
Не добавляйте лишних слов в имена переменных
Не сокращайте переменный контекст
Не добавляйте ненужный контекст.
3. Функция
Используйте длинное описательное имя, учитывая, что функция представляет какое-то поведение, имя функции должно быть глаголом или фразой, объясняющей ее намерение и назначение аргументов. Имена функций должны описывать то, что они делают.
Избегайте использования большого количества параметров, в идеале функция должна указывать два или меньше параметров. Чем меньше параметров, тем проще тестировать функцию, и объекты можно использовать для большего количества параметров.
Вместо этого используйте параметры по умолчанию||действовать
Функция должна делать только одну вещь, не делайте несколько вещей в одной функции.
использоватьObject.assignустановить значение объекта по умолчанию
Не используйте флаги в качестве аргументов, потому что они говорят функции делать больше, чем следует.
Не загрязняйте глобальные переменные, если вам нужно расширить существующий объект, используйтеES6Классы и наследование вместо создания функций в цепочке прототипов нативных объектов
4. Условия
Избегайте негативных условий
Используйте условное сокращение, используйте этот метод только для логических значений, и если вы уверены, что значение не будетundefinedилиnull, используйте этот метод
По возможности избегайте условных выражений, вместо этого используйте полиморфизм и наследование.
5. Класс
classэто новый синтаксический сахар в JS, который работает так же, как старый прототип, но проще и понятнее, чем прототип.
С помощью компоновки многие библиотеки (например,jQueryа такжеLodash) используйте этот режим. В классе просто возвращайтесь в конце каждой функцииthisВы можете связать с ним больше методов этого класса.
Суммировать
Это лишь малая часть улучшения кода. В обычной жизни упомянутые здесь принципы — это принципы, которым люди обычно не следуют. Они пытаются это делать, но по разным причинам не придерживаются этого. Возможно, в начале проекта код лаконичен, но когда приходит время уложиться в срок, эти принципы часто игнорируются и переносятся в раздел «TODO» или «REFACTOR». На этом этапе ваш клиент предпочитает, чтобы вы укладывались в срок, а не писали чистый код.
Ошибки, которые могут быть в редактировании, нельзя узнать в режиме реального времени.Чтобы решить эти ошибки потом, много времени тратится на отладку журнала.Кстати, всем рекомендую полезный инструмент мониторинга BUG.Fundebug.
оригинал:blog.risingstack.com/JavaScript-…
общаться с
Статья постоянно обновляется каждую неделю. Вы можете выполнить поиск «Big Move to the World» в WeChat, чтобы прочитать и обновить ее как можно скорее (на одну или две статьи раньше, чем в блоге). Эта статья находится на GitHub.GitHub.com/QQ449245884…Он был включен, и многие мои документы были разобраны. Добро пожаловать в Звезду и совершенство. Вы можете обратиться в тестовый центр для ознакомления во время собеседования. Кроме того, обратите внимание на паблик-аккаунт и ответьте в фоновом режиме.Благосостояние, вы можете увидеть преимущества, вы знаете.