Javascript — Верстка html, css, аудит сайта и SEO бесплатно https://sozdaj-sam.com Обучение веб разработке сайта, практика в html и css, а также применение SEO в аудите сайтов и их продвижении. Живые примеры и практика на блоге "Создай сам". Mon, 01 Aug 2020 17:19:52 +0000 ru-RU hourly 1 https://wordpress.org/?v=4.5.2 Оператор равенства в javascript /javascript/operator-ravenstva-v-javascript.html /javascript/operator-ravenstva-v-javascript.html#comments Tue, 04 Aug 2020 13:25:05 +0000 /?p=302 Когда мы пишем оператор if, чтобы проверить, что одна переменная равна другой мы используем двойной знак равенства == оператор сравнения. [crayon-57a285ccd0155564434923/] В примере выше, если содержимое переменной а и содержимое переменной d окажется равным мы выполняем все то, что указано в фигурных скобках. Но на начальных этапах изучения javascript многие допускают ошибки при использовании условий ...

Запись Оператор равенства в javascript впервые появилась Верстка html, css, аудит сайта и SEO бесплатно.

]]>
Когда мы пишем оператор if, чтобы проверить, что одна переменная равна другой мы используем двойной знак равенства == оператор сравнения.

if (a == d) {
	//выполнить этот код
}

В примере выше, если содержимое переменной а и содержимое переменной d окажется равным мы выполняем все то, что указано в фигурных скобках. Но на начальных этапах изучения javascript многие допускают ошибки при использовании условий равенства, и сегодня мы поговорим о возможных ошибках и их устранении.

Давайте для примера создадим пару переменных и присвоим им значение при  помощи знака =

var a = 5;
var b = 10;
if (a = b) {
	//всегда правда
}

Я осознанно использовал одиночный знак = вместо двойного. Но теперь у нас проблема, давайте разберемся в чем она. Интерпретатор дойдя до оператора if прочитает в скобках выражение, как присваивание переменной а значение переменной b. И конечно такая успешная операция будет считаться истинной и код внутри фигурных скобок будет выполняться всегда, но мы ведь знаем, что это не истина и 5 далеко не равно 10! Запомните то, о чем я уже неоднократно упоминал, одиночный знак = это оператор присваивания! А вот уже == двойной знак равно, это оператор равенства. Но есть еще тройной знак равенства === и это строгое сравнение. Тройной знак равенства присутствует только у языков программирования javascript и php.

Что такое оператор строго равенства (===) и просто оператор равенства (==), для этого рассмотрим еще одной пример:

var a = 123;
var b = "123";
if (a == b) {
	alert ("Да, они равны");
} else {
	alert ("Нет, они не равны");
}

Запускаем веб страницу и получаем сообщение, что они равны. Давайте разберемся, что же произошло. В условии я использовал двойной знак равенства и хотя в переменных разного типа данные, но учитывая гибкость языка js он сравнивает их значения и находит равными. Но теперь давайте изменим двойной знак равенства на тройной:

var a = 123;
var b = "123";
if (a === b) {
	alert ("Да, они равны");
} else {
	alert ("Нет, они не равны");
}

В этом примере мы получим сообщение, что переменная а и б не равны! А все потому, что этот оператор смотрит не только значение переменной, но и ее тип, а в нашем случае типы разные у приведенных переменных. Большое количество авторов рекомендуют использовать тройной знак равно в написании кода кода javascript, я еще не на столько опытен, чтобы советовать вам, но думаю нужно смотреть по ситуации, если нужно строгое равенство ставим три равно, ели нет, тогда два.

Все операторы равенства или не равенства в javascript

  • if (a == b) {… — условие простого равенства
  • if (a == b) {… — условие простого не равенства
  • if (a === b) {… — условие строгого равенства
  • if (a !== b) {… — условие строгого не равенства

Все эти операторы, если записываются более чем одним символом не разделяются пробелом, они не делимы.

Логические и или в javascript

if (a === b) && c === d) {... //логическое И
if (a === b) || c === d) {... //логическое или
Скажем у нас есть 4 переменные и нам нужно их сравнить, мы могли бы использовать два оператора if, но можно сделать и как в примере выше. В первой строке стоит строгое сравнение переменных a и b, и разделяется оператором &&, что обозначает и! То есть если первые две переменные строго равны и вторые тоже, только тогда начнет выполняться какой-то условный код.

Во второй строке ситуация аналогична, только вместо оператора && стоит ||, что обозначает логическое или! То есть достаточно, чтобы была истина в первой или второй части условия! Следует заметить, что для удобства можно заключать отдельные части условий в скобки:

if ((a === b) && (c === d)) {...

Это не обязательно делать, но если условия большие, это придаст гибкости и читаемости вашему коду.

 

Запись Оператор равенства в javascript впервые появилась Верстка html, css, аудит сайта и SEO бесплатно.

]]>
/javascript/operator-ravenstva-v-javascript.html/feed 4
Сложные условия в javascript /javascript/slozhnye-usloviya-v-javascript.html /javascript/slozhnye-usloviya-v-javascript.html#comments Tue, 21 Jul 2020 13:59:09 +0000 /?p=296 Итак мы собираемся разобраться с понятием сложных условий в написании кода на javascript. Для этого напишем следующий кусок кода: [crayon-57a285ccd15b9979247815/] Я создал переменную с именем balans и присвоил ей значение 5000, чего либо. После этого использовал оператор if, где указал условие, что если баланс больше 0, то вывести сообщение «Баланс положительный». Но чт о, если ...

Запись Сложные условия в javascript впервые появилась Верстка html, css, аудит сайта и SEO бесплатно.

]]>
Итак мы собираемся разобраться с понятием сложных условий в написании кода на javascript. Для этого напишем следующий кусок кода:

var balans = 5000;
if ( balans > 0 ) {
    alert ("Баланс положительный"); 
}

Я создал переменную с именем balans и присвоил ей значение 5000, чего либо. После этого использовал оператор if, где указал условие, что если баланс больше 0, то вывести сообщение «Баланс положительный». Но чт о, если баланс не больше нуля, если условие окажется ложным? Для этого существует замечательный оператор else, который мы сейчас и используем, для указания отрицательного показателя баланса:

var balans = 5000;
if ( balans > 0 ) {
    alert ("Баланс положительный"); 
} else {
    alert ("Баланс отрицательный");   
}

Оператор else (или, иначе) дает возможность указать, что делать, если первое условие не верно, что сделать в таком случае. Вы можете поставить в балансе значение с отрицательным показателем добавив минус впереди числа и проверит, как справляется с этим js.

Здесь есть небольшая ошибка, а точнее не до конца продумано условие, мы не учли третье состояние, когда значение баланса равно нулю. Если взять за основу счет в банке, то баланс равен нулю не есть отрицательным значением, а значит он положительный. Тогда стоить добавить это в условие:

var balans = 5000;
if ( balans >= 0 ) {
    alert ("Баланс положительный"); 
} else {
    alert ("Баланс отрицательный");   
}

Все, что я сделал, так это в условие добавил знак равно и теперь это как один оператор >= (больше или равно).  Но это далеко не предел сложных условий, сейчас мы попробуем с вами создать добавить условие, когда баланс скажем выше 10 000. Давайте внимательно посмотрим на код ниже:

 

var balans = 5000;
if ( balans >= 0 ) {
    alert ("Баланс положительный"); 
    if ( balans > 10000 ) {
     alert ("Баланс выше 10 000");   
    }
} else {
    alert ("Баланс отрицательный");   
}

Что на самом деле здесь изменилось, сразу после оператора alert мы дописали еще одно условие, которое будет выполняться, если баланс будет выше 10 000. Внимательно посмотрите на фигурные скобки, которые идут после первого условия if и вторые, которые внутри первых.

Так можно создавать очень большие уровни вложенности вашего кода, но не нужно этого делать. Сам язык js может и сто и тысячу уровней обработать, но человеку будет сложно разобраться с кодом, имеющим три и более уровней, а тем более новичку. В дальнейших изучениях языка мы еще поговорим о том, как сделать более сложную логику.

Запись Сложные условия в javascript впервые появилась Верстка html, css, аудит сайта и SEO бесплатно.

]]>
/javascript/slozhnye-usloviya-v-javascript.html/feed 3
Оператор if в javascript /javascript/operator-if-v-javascript.html /javascript/operator-if-v-javascript.html#respond Sat, 18 Jul 2020 13:53:21 +0000 /?p=292 Мы написали с вами уже несколько строк кода, и что происходило с нашим кодом? Браузер брал первый оператор, выполнял его, потом второй и так далее, со скоростью, на которую способен ваш компьютер. Также были паузы, когда ожидалась информация от пользователя, нажатие ОК или ввода информации. Но все это было просто, скучно и даже частично глупо. ...

Запись Оператор if в javascript впервые появилась Верстка html, css, аудит сайта и SEO бесплатно.

]]>
Мы написали с вами уже несколько строк кода, и что происходило с нашим кодом? Браузер брал первый оператор, выполнял его, потом второй и так далее, со скоростью, на которую способен ваш компьютер. Также были паузы, когда ожидалась информация от пользователя, нажатие ОК или ввода информации. Но все это было просто, скучно и даже частично глупо. Нам нужен намного умнее код, чем простое написание «Привет мир» или вывода диалогового окна при помощи prompt.

Нам стоит начать придавать логику нашему коду, заставлять программу принимать логические решения, скажем, если счет в банке положительный — начислить процент, если отрицательный, назначить пеню. Если стоит флажок в поле рядом с комментариям значит отправлять им рассылку, если его там нет — не отправлять. Нам нужны ситуации когда код будет выполняться, а иногда нет, в зависимости от условий программы в это время.

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

if (               ) {
    
}

Я поставил несколько пробелов и несколько пустых строк, чтобы более наглядно показать синтаксис написания условий в языке javascript. Вначале оператор if, затем пара круглых скобок и в конце пара фигурных скобок. Если код истинный, который находится внутри фигурных скобок, тогда выполняется код размещенный между фигурных скобок.

if ( Если здесь истина) {
    //Тогда ыполняется код
    //написанній здесь
}

Небольшое отступление для новичков программирования

Любой язык программирования и в частности сам javascript очень требователен к написанию символов и того, как мы их называем. В частности стоит понять, что:

  • ( ) — скобки
  • [ ] — квадратные скобки
  • { } — фигурные скобки

Они нужны для схожих целей, указывают, где что-то начинается и где заканчивается, но они не взаимозаменяемы! В отличии от знаков = ; они всегда в паре, то есть есть открывающий и закрывающий символ, это как парные теги в html.

Практическое применение оператора if  в javascript

if ( b > 10 ) {
    alert("Это истина!");
}
Давайте разберемся, что может быть условием, которое находится внутри скобок? Условие, это проверка на соответствие или несоответствие того или иного значения указанного в самих скобках. К примеру мы говорим ( b > 10 ), если b окажется больше 10, то сработает второй оператор alert и мы увидим диалоговое окно в браузере с текстом. Вся суть условий сводится к их определению, ложь это или истина.

Но помимо выяснения ложь или истина, есть есть выяснение равенства, когда выясняется равно одно значение второму или нет. Давайте взглянем на пример с равенством:

if ( с === 20 ) {
    alert("Это истина!");
}

Почему я знак равенства указал, как два символа ===, а все потому, что один символ = это присвоение значения, а === и есть знаком равенства. В примере выше мы говорим, если с равно 20, тогда выполни тот код, который в фигурных скобках. Помимо знака равенства можно использовать и знак не равенства !=. Он пишется без пробелов и говорит, что  данное сравнение не является верным.

Также обратите внимание, что я не ставлю ; после фигурных скобок, такой синтаксис написания оператора if, не забывайте об этом. Попрактикуйтесь с написанием разных условий, как ложных, так и истинных, делайте это для себя, чтобы лучше запомнить информацию и понять синтаксис написания условий.

Запись Оператор if в javascript впервые появилась Верстка html, css, аудит сайта и SEO бесплатно.

]]>
/javascript/operator-if-v-javascript.html/feed 0
Комментарии в коде javascript /javascript/kommentarii-v-kode-javascript.html /javascript/kommentarii-v-kode-javascript.html#comments Mon, 13 Jul 2020 11:24:01 +0000 /?p=275 Как только в вашем коде написанном на javascript или любом другом языке программирования появится большое количество строк кода, возникнет необходимость и желание оставлять комментарии, для того чтобы через месяц, полгода или год вы без проблем ориентировались в коде. В js есть два типа комментариев: // — строчный комментарий /*  */ — блочный комментарий [crayon-57a285ccd28a9851758034/] Мы ...

Запись Комментарии в коде javascript впервые появилась Верстка html, css, аудит сайта и SEO бесплатно.

]]>
Как только в вашем коде написанном на javascript или любом другом языке программирования появится большое количество строк кода, возникнет необходимость и желание оставлять комментарии, для того чтобы через месяц, полгода или год вы без проблем ориентировались в коде.

В js есть два типа комментариев:

  • // — строчный комментарий
  • /*  */ — блочный комментарий
// одна строка комментария
var a = 5;
var b = 10;
Мы ставим два слеша и далее пишем наш комментарий, как только строка закончится, далее начнет работать наш код написанный на языке javascript. Мы можем отделять разные участки кода строчными комментариями, я вам покажу как это выглядит на примере:
// числовые переменные
var a = 5;
var b = 10;
var c = 20;

// булевы переменные
var x = true;
var var z = false;

// строчные переменные
name = prompt("Как ваше имя?");
var message = "Привет, ";
alert(message + name);
Как видите в примере я разные типы переменных откомментировал при помощи строковых комментарий, так не обязательно делать, это как пример. Также я использовал отступы, чтобы было проще заметить эти комментарии.

Но в javascript есть еще и второй формат комментарий, это блочный или многострочный формат. Как я и записывал выше, начинается он с знака /* и все что внутри, не важно сколько строк будет закомментировано, пока не поставить */

Этот тип комментарий есть смысл использовать только для отладки или комментирования большого участка кода в мере необходимости. Мы же в основном будем использовать формат с двумя слешами.

Запись Комментарии в коде javascript впервые появилась Верстка html, css, аудит сайта и SEO бесплатно.

]]>
/javascript/kommentarii-v-kode-javascript.html/feed 1
Javascript и пробелы в коде /javascript/javascript-i-probely-v-kode.html /javascript/javascript-i-probely-v-kode.html#comments Sun, 05 Jul 2020 09:44:45 +0000 /?p=248 Javascript, как практически и все остальные языки программирования не волнуют пустоты. По пустотами мы подразумеваем пробелы, табуляцию и переносы строк. Имея файл с исходным кодом скрипта, я могу поставить по несколько пустых строк между каждым из операторов и это никак не повлияет на выполнение кода: [crayon-57a285ccd32ed678970878/] Данный язык программирования просто игнорирует пустые символы и читает ...

Запись Javascript и пробелы в коде впервые появилась Верстка html, css, аудит сайта и SEO бесплатно.

]]>
Javascript, как практически и все остальные языки программирования не волнуют пустоты. По пустотами мы подразумеваем пробелы, табуляцию и переносы строк. Имея файл с исходным кодом скрипта, я могу поставить по несколько пустых строк между каждым из операторов и это никак не повлияет на выполнение кода:

var a = 5;
var b = 10;
var c = 20;


a++;
b--;
c += 10;


var x = true;
var z = false;


var name = prompt("Как ваше имя?");
var massage = "Привет";
alert(massage + name);

Данный язык программирования просто игнорирует пустые символы и читает код, так как он есть. Он игнорирует разрывы строк, потому, что понимает по точке с запятой ; где заканчивается оператор.

На самом деле благодаря четкому указанию, где заканчивается оператор мы можем собрать их в одну строчку, отделяя друг от друга ;.

var a = 5; var b = 10; var c = 20;

У JS нет с этим никаких проблем, и часто так делают с готовыми библиотеками, для сжатия веса документа. Но так наш код хуже читается и в нем будет труднее найти нужный нам оператор для правки или замены. И я буду всегда использовать общее правило — один оператор = одна строка.

Но это не все, даже внутри операторов пустоты игнорируются, хотя не везде, например вот в таком случае они игнорируются:

var          a =        5;

А если убрать пробел между var и именем переменной, это уже будет ошибкой. Хотя между именем переменной, знаком = и присвоенным значением пробелы не обязательны!

Но есть пробелы, которые имеют огромное значение и их присутствие испортит нашу программу, давайте рассмотрим эти оба примера.

Итак у нас есть запись:

a++;

Это оператор инкремента (добавление к переменной единицы), в котором два знака сложения являются одним целым и между ними не допустимы пробелы. Мы можем записать это в таком виде:

a ++;

или же добавить пробел после :, но никак внутри ++. Нельзя вставлять пробелы между такими операторами, как: ++, ==, —, +=, -+ и т.д., это то, как будто бы вы пытались поставить пробел внутри слова var, что естественно привело бы к сбою программы.

Вторым важным значением для пробелов является строковое значение:

var name = prompt("Как ваше имя?");
var name = prompt("Как    ваше    имя   ?");

Эти две строки будут иметь разный вид отображения в браузере, внутри строки пробелы учитываются и это нужно помнить. Но что делать, если мне нужно перенести строку внутри string? Наверное многие из вас подумали о использование тега <br>, но это не так! Банальный перенос троки тоже не приведет к правильной работе или желаемому решению:

var name = prompt("Как ваше
                  имя?");

Это не верное решение, так давайте тогда найдем его. Для разделения строк и перенос второй части на вторую строку нужно дать подсказку для javascript, и это записывается при помощи обратного слеша и литеры n, давайте взглянем на пример:

var name = prompt("Как ваше \nимя?");

Вот так желается правильный перенос внутри строки, вы наверное заметили, что знак \n стоит рядом со следующим словом и между ними нет пробелов, это потому, что js понимает этот специальный символ и игнорирует рядом стоящее слово, а просто делает перенос троки. Сохраните себе данный пробел и убедитесь в его работоспособности.

Когда вы сохранили пример и просмотрели на результат в браузере, то наверное заметили, что введенное вами имя, было склеено со словом Привет, а все потому, что это есть конкатенация или склеивание двух строк вместе. Я создал переменную massage, которой задал значение Привет, а затем склеил их при вызове оператором alert. Давайте исправим этот момент, нам нужно сделать, чтобы в итоге человек получал что-то вроде такого: Привет, Андрей. Не вопрос идем в нашу переменную massage и внутри значения после Привет, ставим запятую и пробел, перед вторыми кавычками, как в примере ниже:

var massage = "Привет, ";

И теперь мы получаем желаемое значение, и это еще одна причина, по которой мы будем считать пробел значащим символом.

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

Запись Javascript и пробелы в коде впервые появилась Верстка html, css, аудит сайта и SEO бесплатно.

]]>
/javascript/javascript-i-probely-v-kode.html/feed 1
Операторы в Javascript /javascript/operatory-v-javascript.html /javascript/operatory-v-javascript.html#comments Wed, 01 Jul 2020 10:34:27 +0000 /?p=174 Как мы уже разобрались с вами, в javascript есть такие слова, как alert(предупреждение) и promt(подсказка) вызывающие предупреждающие окна. Кроме того становится очевидным использование таких символов, как =, которые имеют не меньшее значение, чем слова в js, ибо он тоже вызывает определенные события. [crayon-57a285ccd3f4e029194405/] В примере выше мы взяли литерал 500 и с помощью оператора присваиванья ...

Запись Операторы в Javascript впервые появилась Верстка html, css, аудит сайта и SEO бесплатно.

]]>
Как мы уже разобрались с вами, в javascript есть такие слова, как alert(предупреждение) и promt(подсказка) вызывающие предупреждающие окна. Кроме того становится очевидным использование таких символов, как =, которые имеют не меньшее значение, чем слова в js, ибо он тоже вызывает определенные события.

balans = 500;

В примере выше мы взяли литерал 500 и с помощью оператора присваиванья поместили его в переменную balans и этот знак = оператор присваиванья один из множества операторов в языке программирования javascrip, который вызывает события. Наша задача рассмотреть сегодня несколько подобных операторов, которые вы уже использовали в школе, институте или, где вы там обучались.

Арифметические операторы в javascript

  • + оператор сложения
  • — оператор вычитания
  • * оператор умножения
  • / оператор деления

Обычно мы используем эти переменные со знаком равенства =, давайте для наглядности сделаем несколько примеров и поговорим о них:

var a = 100;
var b = 50;
var result = a + b;
alert(result);

Мы создали две переменные со значениями числовых типов, а потом при помощи оператора сложения получили их сумму. Что происходит в третей строке нашего кода, мы оцениваем то, что происходит справа от знака = и присваиваем это значение переменной, которая находится слева от знака равно. Также, как мы указали оператор + можно указать любые другие операторы, тот же оператор умножения или деления.

Можно использовать несколько операторов одновременно, но у js, как и у других языков программирования есть свои приоритеты, давайте рассмотрим пример:

result = 5 + 5 * 10;
alert(result);

Если рассмотреть пример последовательно, сделав оператор сложения, а потом умножения, то выйдет 100, но в данном случае alert выводит нам 55. Все потому, что некоторые операторы рассматриваются, как более важные, чем другие, и таким оператором в данном примере есть оператор умножения. Если нам нужно, чтобы вначале выполнялся оператор сложения, а потом умножения, просто берем нужные части в скобки:

result = (5 + 5) * 10;

Теперь у нас получится в результате число 100. Мы определили важность последовательности выполнения операторов, тем самим повлияв на результат.

В работе с языком javascript часто встречается запись, где переменная стоит по обе стороны от оператора =

score = score + 10;

Помним, что мы смотрим на то, что с правой стороны, а потом применяем это к левой, первой вещью в этой строке мы обратим на значение переменной score, далее добавляем к нему 10 и результат сохраняем в эту же переменную. То есть если бы наша score была равна 100, то после выполнения она стала бы равна 110.

Эта идея, добавления значения в существующую переменную настолько распространена, что существует сокращенный вид записи:

score += 10;

Это обозначает взять переменную score и добавить к ней числовое значение 10, здесь += записаны, как одно целое и между ними пробелов нет. Эта запись считается одним оператором и помимо её есть еще такие же сокращенные записи со знаком:

  • +=
  • -=
  • *=
  • /=

Еще можно довольно таки часто увидеть нечто похожее:

a = a + 1;

или сокращенно:

a += 1;

Помните знаки сложения, вычитания и т.д., ставятся перед символом =.

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

Инкремент ++ увеличивает на 1:

var i = 2;
i++;      // более короткая запись для i = i + 1.
alert(i); // 3

Декремент — уменьшает на 1:

var i = 2;
i--;      // более короткая запись для i = i - 1.
alert(i); // 1

Как видите эти символы в языке программирования javascript имеют такую же важность, как и слова. Есть еще несколько операторов, с которыми мы познакомимся в следующих занятиях.

Запись Операторы в Javascript впервые появилась Верстка html, css, аудит сайта и SEO бесплатно.

]]>
/javascript/operatory-v-javascript.html/feed 1
Работа со строками в javascript /javascript/rabota-so-strokami-v-javascript.html /javascript/rabota-so-strokami-v-javascript.html#respond Fri, 26 Jun 2020 12:10:38 +0000 http://sozdaj-sam.com/?p=154 Когда мы работаем с текстовыми данными в наших программах, при работе с логинами, паролями, электронными адресами и т.д., используем термин строки, для описания типа этих значений. Мы с вами уже проходили это, когда писали очень простую программу вывода предупреждения в окне браузера через оператор alert: [crayon-57a285ccd4c5d342099372/] Значение записанное в двойных кавычках, есть строковое и называется — ...

Запись Работа со строками в javascript впервые появилась Верстка html, css, аудит сайта и SEO бесплатно.

]]>
Когда мы работаем с текстовыми данными в наших программах, при работе с логинами, паролями, электронными адресами и т.д., используем термин строки, для описания типа этих значений. Мы с вами уже проходили это, когда писали очень простую программу вывода предупреждения в окне браузера через оператор alert:

alert("Hello, world");

Значение записанное в двойных кавычках, есть строковое и называется — строковый литерал. К примеру, числа: 5, 100500 — числовые литералы. Ну и конечно мы можем использовать этот метод для создания строковых данных в переменной:

var message = "Hello, world";
alert (message);

Как видите с примера выше, я создал переменную присвоив ей строковое значение Hello, world, а затем во второй строке при помощи оператора alert вывел ее в окне предупреждения нашего браузера. Обратите внимание на вторую строку кода, я не использую кавычки при написании имени переменной, потому, что хочу вывести само значение переменной, а не ее имя.

При написании строкового литерала можно использовать как двойные кавычки, так и одинарные, я использую двойные, так как привык постоянно к ним. Главное не смешивать использование кавычек, начав двойными и заканчивая одинарными.

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

Давайте рассмотрим пример, когда нужно использовать двойные и одинарные кавычки при написании строкового типа данных:

var phrase = "He said \"that's fine,\" and left."

Итак я написал предложение: Он сказал «это нормально» и ушёл. Для того, чтобы в самом предложении использовать двойные кавычки и при этом указать, что я пишу строковый тип данных, я использовал обратный слеш. Обратный слеш перед знаком двойных кавычек, говорит интерпретатору, что далее идет не окончание строки и использование двойных кавычек для форматирования строкового содержания и таким образом мы имеем возможность использовать сколько угодно двойных кавычек без проблемы закрытия нашей строки преждевременно.

Запросы к переменной со строковым данным

В большинстве языков программирования переменные со строковыми данными позволяют много чего делать и узнавать о содержимом переменной. Эти переменные выходят за типичные рамки простого хранения некоторых символов. Мы можем запросить информацию о них, о чем мы еще не однократно поговорим позже, но для подтверждения своих слов мы разберем один пример:

var phrase = "This is a simple phrase.";
alert(phrase.length);

Я создал простую строковую переменную в первой строке моего кода, а во второй строке применил оператор alert со свойством length, которое указывает количество символов в моей переменной. И теперь при сохранении вы увидите в окне браузера предупреждающее окно с числом символов моей переменной. Помимо количества символов можно получать различную информацию о нашей переменной, к примеру узнать нету ли в ней другого слова, можно преобразовать все символы в нижний или верхний регистр и т.д.

Вы уже поняли, что наши переменные не немые, они могут предоставить очень много информации для нас, думаю вам стало еще интереснее изучать этот замечательный язык javascript, ну тогда до следующего занятия.

Запись Работа со строками в javascript впервые появилась Верстка html, css, аудит сайта и SEO бесплатно.

]]>
/javascript/rabota-so-strokami-v-javascript.html/feed 0
Работа с числами в javascript /javascript/rabota-s-chislami-v-javascript.html /javascript/rabota-s-chislami-v-javascript.html#comments Wed, 24 Jun 2020 14:36:17 +0000 http://sozdaj-sam.com/?p=142 В любое время работы с переменной у нас есть две вещи: сама переменная, которая имеет имя и тип, и второе это ее значение, которое мы периодически можем менять. Наиболее используемым значением в компьютерных данных, являются числовые значения. И это не удивительно. В наше время 21 столетия, когда упоминается слово компьютер мы думаем о машине, но ...

Запись Работа с числами в javascript впервые появилась Верстка html, css, аудит сайта и SEO бесплатно.

]]>
В любое время работы с переменной у нас есть две вещи: сама переменная, которая имеет имя и тип, и второе это ее значение, которое мы периодически можем менять. Наиболее используемым значением в компьютерных данных, являются числовые значения. И это не удивительно.

В наше время 21 столетия, когда упоминается слово компьютер мы думаем о машине, но много сотен лет компьютер был непосредственной работой. В 17, 18, 19 веках мы могли работать компьютером, то есть быть человек, который проводит различного рода вычисления. Позже пришли машины, которые проводят эти самые вычисления гораздо лучше и быстрее чем человек. И сегодня слово компьютер ассоциируется с оборудованием и очень часто мощным оборудованием. Хотя и изобретена эта машина была только для вычислений.

Когда человек пишет программу, то имеет дело с различными данными:

  • Банковские счета
  • Положение героя в игре на экране
  • Высота и ширина веб браузера
  • Координаты устройства геолокации
  • Количество миллисекунд играющей mp3 пести

Даже цвета предоставляются числовыми диапазонами трех цветов: красного, зеленого и синего, о чем вы скорее всего знаете с моего курса по html и css.

Язык программирования javascript очень отличается от других языков тем, что у них вам придется понимать, какой тип у вашего числа, целое или с плавающей запятой, положительное или отрицательное, большое или маленькое. Нам не нужно на счет этого беспокоиться при работе с js, так как у него человеческий подход к этому. Любое число всегда рассматривается, как число и в этом большой плюс для нас при изучении первого языка программирования.

Но давайте перейдем от теории к примерам:

var a;
a = 5;
a = 1000000;
a = 123.34;
a = -500;
alert(a);

Давайте по порядку, в первой строке мы написали с помощью оператора var переменную с именем a, но так как она пустая у нее сейчас по умолчанию тип undefined, то есть не определено. Во второй строке мы при помощи знака = присваиваем нашей переменной числовое значение 5. Еще раз хочу напомнить, это = не равно, это команда в языке javascript, которая называется присвоение! Если бы мы после второй строки при помощи оператора alert вывели нашу переменную, то получили бы значение 5. Но мы продолжаем присваивать в каждой новой строке новое значение и останавливаемся на отрицательном значении -500.

Прошу также обратить ваше внимание, что мы наше число не брали в кавычки «», оно пишется без кавычек, но если написать вот так: a = «100», то это уже не число, а строка. Также посмотрите внимательно на строку с оператором alert внутри скобок я не поставил кавычки, так как я вывожу значение переменной при помощи ее имени, если a взять в кавычки, то вместо ожидаемого значения будет выведена просто буква а, как строка. Сохраняем код и запускаем наш html документ, чтобы получить окно с предупреждением, которое вызывает оператор alert и увидеть в нем значение нашей переменной.

Простые инструкции созданные нами и выполнены браузером, но это наглядно показывает нам, как начать работать с числовыми переменными в javascript. Кратко резюмирую сегодняшнюю практику с числами разберем еще небольшой пример:

var b = 123;
var c = "123";

Первая переменная b — это число 123, вторая переменная с — строка, не число 123, а цифры: один, два, три и это надо помнить, в будущем мы еще не раз будем с этим сталкиваться, так что запомните это. Ну чтож, на сегодня это все, думаю вы так же как и я горите желанием продолжать и получать все больше и больше полезной информации о javascript.

Запись Работа с числами в javascript впервые появилась Верстка html, css, аудит сайта и SEO бесплатно.

]]>
/javascript/rabota-s-chislami-v-javascript.html/feed 2
Строго и слабо типизированный язык программирования /javascript/strogo-i-slabo-tipizirovannyj-yazyk.html /javascript/strogo-i-slabo-tipizirovannyj-yazyk.html#comments Mon, 22 Jun 2020 14:32:17 +0000 http://sozdaj-sam.com/?p=132 Строго типизированный язык В языках программирования при создании переменной вы не просто задаете ей имя, а также должны указать какой тип информации вы собираетесь хранить в этой переменной. Вы должны решить заранее, если это будет Integer — целое число без дробной части или возможно вещественное число с плавающей точкой флоат, которое может иметь дробную часть или ...

Запись Строго и слабо типизированный язык программирования впервые появилась Верстка html, css, аудит сайта и SEO бесплатно.

]]>
Строго типизированный язык

В языках программирования при создании переменной вы не просто задаете ей имя, а также должны указать какой тип информации вы собираетесь хранить в этой переменной. Вы должны решить заранее, если это будет Integer — целое число без дробной части или возможно вещественное число с плавающей точкой флоат, которое может иметь дробную часть или вам просто нужно хранить один символ, всего лишь одну букву, несколько символов, которые называются string (строка). Также это может быть булево значение, которое может иметь два значения истину (true) и ложь(false). Не важно, какой это тип данных, но он должен быть выбран и четко указан. И однажды выбрав тип вы не можете уже изменить его и это то, что называется строго типизированным языком! Вы можете создавать переменных столько, сколько хотите, но каждая из созданных переменных должна быть одного определенного типа. Если поместить в данные в переменную, которая не предназначена для этого типа данных вы получите ошибку и сбой в работе программы.

Слабо типизированный язык

Но javascript этого не требует. Он является слабо типизируемым языком. Мы не создаем переменные только для конкретного типа данных, а просто создаем переменную, как пустой контейнер, затем уже помещаем в него значение, которое может быть абсолютно любого типа. Мы помним с прошлой нашей статьи, что изначально созданная переменная без значения имеет тип undefined, не определено. И это не мешает нам в будущем присвоить нашей переменной значение скажем в виде строки «Hello world!». И ничто мне не мешает переопределить значение переменной со строки в числовое значение:

var myVariable;
myVariable = "Hello world!";
myVariable = 200;

Первой строкой кода мы просто указали переменную с именем myVarieble, во второй строке присвоили ей значение в виде строки Hello world, а в третей строке переопределили тип и само значение на 200. Как видите для указания строкового типа мы указали кавычки в начале текста и в его конце. В двойных кавычках могут быть специальные символы, пробелы и даже теги html. Также следует заметить, что в javascript можно использовать, как одинарные так и парные кавычки для указания строк, но не в коем случае не смешивайте их, то вот так делать нельзя:

myVariable = "Hello world';

Булевы значения в javascript

Булево значение может быть истиной или ложью:

myVariable = true;
myVarieble = false;

Скажу сразу javascript понимает слова true и false, они являются частью языка, если написаны в нижнем регистре. Итак мы можем создать переменную с типом не определено (undefined), затем поместить в нее число, строку, булево значение. Но это не значит, что javascript не беспокоится о типе данных, он обрабатывает числа не так, как строки, а строки не так, как булевы значения. Но любая переменная javascript может хранить любое значение и даже более сложные, такие как массивы, объекты, функции, с чем мы еще столкнемся в будущем.

С одной стороны нам проще работать со слабо типизированным языком, но с другой стороны, откуда вам знать, что та или иная переменная содержит тот тип данных, о котором вы думаете, что она его должна содержать?! В большинстве случаев переменная созданная вами, будет содержать то значение, для которого вы ее собственно и создавали, но бывает так, что создаются переменные, которые в своей роли могут содержать разные типы данных, ведь это переменная.

Запись Строго и слабо типизированный язык программирования впервые появилась Верстка html, css, аудит сайта и SEO бесплатно.

]]>
/javascript/strogo-i-slabo-tipizirovannyj-yazyk.html/feed 1
Javascript переменные var /javascript/javascript-peremennye-var.html /javascript/javascript-peremennye-var.html#respond Sat, 20 Jun 2020 20:25:32 +0000 http://sozdaj-sam.com/?p=127 В любой программе есть сбор данных и их обработка, а также отслеживание. Написали калькулятор, он хранит и обрабатывает вводимые данные. Создали игру, в ней обрабатываются данные, о игроке, его местоположение, жизнь золото и т.д. В любой программе данные внесенные при взаимодействии с человеком попадают в переменные. Переменные — это небольшие ящички в которые помещаются кусочки ...

Запись Javascript переменные var впервые появилась Верстка html, css, аудит сайта и SEO бесплатно.

]]>
В любой программе есть сбор данных и их обработка, а также отслеживание. Написали калькулятор, он хранит и обрабатывает вводимые данные. Создали игру, в ней обрабатываются данные, о игроке, его местоположение, жизнь золото и т.д. В любой программе данные внесенные при взаимодействии с человеком попадают в переменные. Переменные — это небольшие ящички в которые помещаются кусочки различной информации. Мы захватываем небольшой кусочек памяти нашего компьютера, давая ему имя для использования на время пока наша программа работает.

В выделенный участок памяти помещаются значения, например адрес электронной почты, номер телефона, имя, дата и многое другое. Все эти значения мы можем в последствии изменять как нам будет нужно, отсюда и название — переменная!

Javascript объявление переменных

В языке javascript мы можем задать переменную вот таким видом:

var year;

Слово var, написанное маленькими буквами является частью языка программирования javascript, то есть это зарезервированное слово, которое используется для указания переменной. В примере выше мы указали переменную, задав ей имя year. Имена, которые мы задаем для переменных зависят полностью от нас, но нужно стараться задавать их так, чтобы они отображали смысл данных помещенных в них.

var year;
var customerEmail;
var todaysDate;
var foo;
var x;

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

Имя, которые вы используете для вашей переменной, должно быть написано одним словом без пробелов. В названиях можно использовать буквы, цифры, знак $ и подчеркивание _. Другие символы запрещены! Также нельзя задавать имя переменной, где первый символ будет цифра.

var 99problems;
var problems99;

Первое имя переменной не будет работать, потому, что оно начато с цифры, это то, о че я говорил выше, а вот вторая переменная названа правильно и будет без проблем работать.

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

var name;

то такая переменная будет без значения, ведь у неё есть только имя и рассматривается она, как undefined (андефайнд) — не определенная. Undefine имеет свое назначение в javascript, но об этом мы поговорим немного позже.

Согласитесь нет никакого смысла в переменной, которая создана без значения. Мы можем определить, инициализировать значение переменной при ее создании и сделать это можно двумя операторами:

var year;
year = 2015;

Первый оператор задал переменную с именем year, а второй присвоил ей значение 2015. Хочу обратить особое внимание на знак =, это не равно, как мы привыкли все считать, а знак присвоения! Это не просто описание, это команда, которая говорит поместить значение 2020 в переменную с именем year и это очень важно. Но существует более простой способ задания переменной с уже указанным значением, давайте его рассмотрим на примере:

var year = 2015;

Здесь есть один интересный момент, где javascript позволит вам быть неаккуратным, но делать этого не стоит. Дело в том, что можно написать вот так:

year 2015;

и javascript будет искать в коде переменную с таким именем, если он ее не найдет, то просто создаст новую с указанным значением. Но я буду всегда использовать слово var для задания переменных, советую ивам делать точно так же.

Давайте резюмируем наши знания, итак если я напишу следующий кусок кода:

var x = 200;
X = 210;

Это две разные переменные, в первой у нас имя с маленькой буквы, во второй с большой, помним, javascript это регистрозависимый язык. Создавая множество переменных можно значительно сократить ваш код:

var year;
var month;
var day;

var year, month, day;

Оба способа верны, но второй значительно экономит время и ваш код. Также можно использовать сокращенные записи при присваивании значений нескольким переменным одновременно:

var year;
var month;
var day;

var year, month, day;

Javascript в созданную переменную позволяет сразу поместить любое значение, дату, число, координаты, также можно поместить вначале число, а потом поместить в туже самую переменную строчный текст и т.д. Это глобально отличает данный язык от множества других языков программирования. Создание переменных в множество других языках обозначает не просто определение контейнера, но и сообщения, какого типа будет этот контейнер, а в javascript это не важно.

Итак, мы с вами поговорили о переменных, узнали, как они создаются, поговорили об именах и значениях и просмотрели некоторые примеры. Я надеюсь вам стало хоть немного понятнее и вы уже не будете пугаться слова var или переменная.

Запись Javascript переменные var впервые появилась Верстка html, css, аудит сайта и SEO бесплатно.

]]>
/javascript/javascript-peremennye-var.html/feed 0