Привет, я начинаю эту серию блогов, в которой резюмирую: Вы не знаете JavaScript. Я буду стараться писать краткое содержание главы за раз. Пожалуйста, поправьте меня, где я ошибаюсь. Я хотел бы провести с вами здоровое обсуждение JavaScript и следить за дальнейшими обновлениями.
YDKJS - это серия книг, состоящая из 6 книг:
- Вверх и вперед
- ОБЪЕМ И ЗАКРЫТИЕ
- это & ПРОТОТИПЫ ОБЪЕКТОВ
- ВИДЫ И ГРАММАТИКА
- АСИНХРОНИЗАЦИЯ И ПРОИЗВОДИТЕЛЬНОСТЬ
- ES6 И НЕ ТОЛЬКО
Примечание. Это резюме не для новичков. Оно предназначено для тех, кто ранее занимался программированием или знаком с JS. Однако, если вы сочтете краткое содержание удобным, вы можете пойти на это.
YDKJS- ›UP & GOING-› Глава-1:
Код делится на две подгруппы:
- Утверждение: группа слов, чисел и операторов, выполняющая определенную задачу. Состоит из одного или нескольких выражений. Большинство операторов оканчиваются на «;».
- Выражения: набор переменных и значений в сочетании с операторами.
Объяснение a = b * 2; (полный оператор содержит 4 выражения):
1, 2 - буквенное выражение
2, b -переменная exp
3, b * 2 -арифметическое выражение
4, a = b * 2 - срок присвоения
Затем он рекомендует вам использовать консоль разработчика вашего браузера. Откройте новую вкладку и введите about: blank в адресной строке, а затем откройте консоль разработчика в настройках (или нажмите Ctrl + shift + I в Google Chrome или Ctrl + shift + K в Mozilla Firefox). Для многострочного кода нажмите shift + Enter, чтобы перейти к новой строке, и нажмите Enter, чтобы запустить код. Теперь попробуйте следующий код в вашей консоли.
все, что вы хотите отобразить в консоли, должно быть внутри console.log (); заявление. Вы можете попробовать использовать alert (b); после кода и увидите, что в верхней части браузера есть окно с предупреждением. Мы не будем использовать alert (); в YDKJS.
Чтобы получить ввод от пользователя, мы будем использовать prompt (); попробуйте заменить a = 21; от a = prompt («Введите значение a:»);
Операторы - мы выполняем действия с переменными и значениями с помощью операторов. Некоторые распространенные типы операторов:
- = (присвоение)
- +, -, *, / (математические)
+=
,-=
,*=
и/=
(составное присвоение)++
(приращение),--
(уменьшение)- Доступ к собственности объекта:
.
- Равенство:
==
,===
,!=
,!==
- Сравнение: ‹,›, ‹=,› =
- Логические: && (и), || (или)
Всего в JS 6 типов данных: String, Number, Boolean, null и undefined, object, symbol (новое в ES6). Существует typeof (anyValue); оператор, который сообщает вам тип данных заданного значения. typeof (ноль); возвращает нам «объект», возможно, это ошибка.
Комментирование кода - хорошая практика программирования:
- // Это однострочный комментарий
- / * Но это
многострочный
комментарий.
* /
Переменная: символический контейнер. Значение в этом контейнере может изменяться с течением времени по мере необходимости. Определение: var a = «Это примерная переменная»;
var a = «42»; / * строка * / и var b = 42; / * Число * / другое. Используйте Number (a); и String (b); для изменения их типов данных;
Блок: заключение одного или нескольких операторов в пару фигурных скобок { .. }
Условные обозначения: наиболее распространенным является if (Condition) {statement (s);} означает Если это условие истинно, выполните следующие действия.
if (10 ‹20) {console.log (« 10 меньше 20 »);}
else {console.log («10 больше 20»)}
Если это 10 ‹20, сделайте то, иначе сделайте то.
Циклы: 3 типа: 1, for () 2, while () 3, do {} while ()
за():
for (var i = 0; i <= 9; i = i + 1) { console.log( i ); } // 0 1 2 3 4 5 6 7 8 9
пока():
var i = 0; // a `while..true` loop would run forever, right? while (true) { // stop the loop? if ((i <= 9) === false) { break; } console.log( i ); i = i + 1; } // 0 1 2 3 4 5 6 7 8 9
делать пока():
do { console.log( "How may I help you?" ); // help the customer... numOfCustomers = numOfCustomers - 1; } while (numOfCustomers > 0);
Функции: именованный раздел кода, который можно «вызывать» по имени, и код внутри него будет запускаться каждый раз. Функции могут опционально принимать аргументы (также известные как параметры).
Определение: function anyName (параметры через запятую, если хотите) {statement (s);}
Область: правила области / лексической области видимости говорят, что код в одной области может обращаться к переменным либо этой области, либо любой области за ее пределами.
Учитывать:
function outer() { var a = 1; function inner() { var b = 2; // we can access both `a` and `b` here console.log( a + b ); // 3 } inner(); // we can only access `a` here console.log( a ); // 1 } outer();
В другой книге этой серии мы подробно описали 3 главы, посвященные области действия и закрытию.
Я не хотел, чтобы это было так долго, но поскольку это было скорее введение, уверяю, следующие резюме будут короче и лаконичнее. Следите за моим путешествием по программированию на github. Щелкните здесь, чтобы перейти к обзору главы 2.