Привет, я начинаю эту серию блогов, в которой резюмирую: Вы не знаете JavaScript. Я буду стараться писать краткое содержание главы за раз. Пожалуйста, поправьте меня, где я ошибаюсь. Я хотел бы провести с вами здоровое обсуждение JavaScript и следить за дальнейшими обновлениями.

YDKJS - это серия книг, состоящая из 6 книг:

  • Вверх и вперед
  • ОБЪЕМ И ЗАКРЫТИЕ
  • это & ​​ПРОТОТИПЫ ОБЪЕКТОВ
  • ВИДЫ И ГРАММАТИКА
  • АСИНХРОНИЗАЦИЯ И ПРОИЗВОДИТЕЛЬНОСТЬ
  • ES6 И НЕ ТОЛЬКО

Примечание. Это резюме не для новичков. Оно предназначено для тех, кто ранее занимался программированием или знаком с JS. Однако, если вы сочтете краткое содержание удобным, вы можете пойти на это.

YDKJS- ›UP & GOING-› Глава-1:

Код делится на две подгруппы:

  1. Утверждение: группа слов, чисел и операторов, выполняющая определенную задачу. Состоит из одного или нескольких выражений. Большинство операторов оканчиваются на «;».
  2. Выражения: набор переменных и значений в сочетании с операторами.

Объяснение 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.