Рубрики
Uncategorized

Введение в JavaScript: Основы

Здравствуйте, удивительные люди 👋, в этой статье в блоге я собираюсь объяснить основы JavaScript. Давайте … с меткой JavaScript, WebDev, DevOps.

Здравствуйте, удивительные люди 👋, в этой статье в блоге я собираюсь объяснить основы JavaScript.

Давайте начнем.

Этот пост будет охватывать:

- What is JavaScript?
- How JavaScript is different from other programming languages 
  like Java or C?
- How to include JavaScript in your HTML page?
- How to Write Comments in JavaScript?
- Variables in JavaScript
- Data types in JavaScript
- Operators in JavaScript
- Conditional Statements in JS
- Loops in JavaScript
- Functions in JavaScript 

Предварительные условия

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

Что такое JavaScript?

JavaScript — это язык сценариев, используемый для создания и управления динамическим веб -контентом. Это интерпретированный, легкий объектно-ориентированный язык программирования, который обеспечивает динамическую интерактивность на веб-сайтах. Это может быть что угодно, от анимированной графики до автоматически сгенерированной временной шкалы Facebook. После того, как вы создали свою основную структуру (HTML) и элегантную атмосферу (CSS), JavaScript делает ваш сайт динамичным (автоматически обновляется).

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

Чем JavaScript отличается от других языков программирования, таких как Java или C ++?

Основное отличие состоит в том, что JavaScript — это язык сценариев, то есть он не составлен и выполняется как C ++ и Java. Он динамически напечатан, тогда как Java или C ++ статически набирается. JavaScript традиционно используется для написания сценариев для веб -приложений. Клиент получает весь источник сценария, и браузер выполняет его — в браузере есть интерпретатор JavaScript, в то время как браузер не может выполнять программы Java или C ++. JavaScript не поддерживает многопоточную чткость, в то время как Java или C ++-многопоточный язык.

Теперь JavaScript может работать на сервере через node.js.

Как включить JavaScript в вашу HTML -страницу?

JavaScript может быть встроен непосредственно в HTML -страницу, либо помещен во внешний файл сценария и ссылается на страницу HTML. Есть три места, чтобы поместить код JavaScript-

  • Между тегом головы HTML -страницы

Пример-





    
    Embedding JavaScript
    


    
  • Между тегом тела HTML -страницы

Пример





    
    Embedding JavaScript


    
  • В .js Файл (внешний файл JavaScript)

Пример- index.html





    
    Linking External JavaScript


    

script.js

function greet()
{
    document.getElementById("greet").innerHTML = "Hello World!";
}

Как написать комментарии в JavaScript?

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

Типы комментариев в JavaScript

  • Однострочный комментарий = > Комментарии одностроения представлены с помощью двойных прямых чертов ( // ).

Пример

  
  • Многострочный комментарий = > Он представлен прямолинейной слэшем со звездочкой ( /* ), затем звездочка с прямой слэш ( */ ).

Пример


Переменные в JavaScript

Переменная означает все, что может варьироваться. Это контейнеры для хранения значений данных. Кроме того, переменные JavaScript слабо вводятся, что означает, что он не требует объявленного типа данных. Существуют некоторые правила при объявлении переменной в JS:- 1.) Имя переменной должно запускать букву (от z или z до z), подчеркивание (_) или доллар ($). 2.) После первой буквы мы можем использовать цифры (от 0 до 9), например- ABC1 3.) Переменные JavaScript чувствительны к случаю (x и x — разные переменные)

Пример переменных JavaScript Правильные переменные JavaScript =>


Неправильные переменные JavaScript =>


В JavaScript есть два типа переменных:

1.) Локальные переменные 2.) Глобальные переменные

JavaScript Local переменная =>

Локальные переменные — это переменные, которые определены внутри блока или функции. У них есть локальный объем, что означает, что они доступны в рамках функции или блока.

Пример-

 

JavaScript Global Variable =>

Глобальные переменные — это переменные, которые определяются вне функций или объявляются с помощью окна объекта. К ним можно получить доступ от любой функции.

Пример-

  

Типы данных в JavaScript

Типы данных в основном указывают, какие данные можно хранить и манипулировать в рамках программы. JavaScript предоставляет различные типы данных для сохранения различных типов значений. В JS нам не нужно указывать тип переменной, потому что она динамически используется двигателем JavaScript. В основном в JavaScript есть два типа данных:- 1.) Примитивные типы данных 2.) Не примитивные типы данных

Примитивные типы данных:-

Примитивные типы данных могут содержать только по одному значению за раз. Существует пять типов примитивных типов данных в JS:-

Непримизные типы данных:-

Неприемные типы данных могут содержать коллекции значений и более сложных объектов. В основном есть три типа непримизных типов данных:-

Операторы в JavaScript

Операторы являются специальными символами, используемыми для выполнения операций на операнде. Например,

var a=10,b=20;
var sum=a+b;

Здесь + Оператор, который выполняет дополнение, и «а» и «b» — операнды.

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

Арифметические операторы используются для выполнения арифметических расчетов. Арифметические операторы следующие:-

Операторы назначения JavaScript

Операторы назначения используются для назначения значений переменным. Ниже приведены операторы назначения в JS:-

Операторы сравнения JavaScript

Операторы сравнения сравнивают два значения и возвращают логическое значение, либо Верно или ложный Анкет Ниже приведены операторы сравнения в JS:-

JavaScript Bitwise Operators

Поиск операторов выполняет операции по бинарным представлениям чисел. Побитовые операторы следующие:

JavaScript Logical Operators

Логические операторы выполняют логические операции и возвращают логическое значение, либо TRUE, либо FALSE. Ниже приведены логические операторы в JS:-

Условные заявления в JS

Условные операторы управляют поведением в JavaScript и определите, могут ли работать части кода.

JS Если утверждение

Наиболее распространенным типом условного утверждения является if-else утверждение. Это утверждение работает только в том случае, если условие, заключенное в скобки (), является правдой. В JavaScript есть три формы оператора IF:-

  1. Если утверждение
  2. Если еще оператор
  3. если еще Если утверждение

Если пример оператора

 

Пример оператора if-else

 

если еще Если пример оператора

 

Оператор MS Switch

Оператор переключения используется для выполнения одного кода из нескольких выражений. Если есть совпадение, соответствующий блок кода выполняется, и если нет совпадения, выполняется код по умолчанию. Пример:-


Петли в JavaScript

Петли используются для неоднократного выполнения блока операторов, пока определенное условие не будет выполнено. Это делает код компактным. JavaScript поддерживает различные виды циклов: 1.) Для цикла 2.) для цикла в течение 3.) В то время как цикл 4.) Do Why While Loop

JS для петли

Для цикла итерации элементы для фиксированного количества раз. Синтаксис для петля следующая:

for(initialization; condition; increment)
{
     //code block to be executed
}

Пример:-


Вывод:- 1 2 3 4 5 6 7 8 9

JS FOR-IN LOOP

Цикл FOR-in итерации через свойства объекта. Синтаксис для петля следующая:

for (key in object) {
  // code block to be executed
}

Пример:-


Вывод:- Неха Сони 20

JS в то время как петля

Процесс, в то время как цикл итерации через блок кода, если указанное условие является истинной. Синтаксис В то время как петля следующая:

while (condition)  
{  
   // code to be executed  
}  

Пример:-


Вывод:- 0 1 2 3 4 5

JS DO WHILE LOOP

Цикл DO-WHILE похож на цикл while, с одним исключением, что код выполняется, по крайней мере, один раз, является ли условие истинным или ложным. Синтаксис до-while петля следующая:-

do
{  
   //code to be executed  
}while (condition);

Пример:-

  

Вывод:- 1 2 3 4 5

Если вы хотите узнать больше о циклах, кликните сюда

Функции в JavaScript

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

function functionName(arg1, arg2, ...argN)
{  
 //code to be executed  
}  

Давайте сначала увидим простой пример функции в JS, которая не имеет никаких аргументов.


  
     

    
  

Параметры функции и аргументы =>

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

Функция с return value =>

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



What is the value of PI?

Ans:-

Примечание.- Оператор возврата должен быть записан в последнем, потому что он пропускает весь код в блоке, написанном после этого.

Функция Scope => Как мы знаем, в JS есть два типа переменных, локальные переменные и глобальные переменные. Локальные переменные определяются внутри функции и не могут быть доступны за ее пределами. Но функция может получить доступ к любой переменной, определенной как глобальная переменная. Давайте точно поймем, что я имею в виду под помощью следующего кода:


  
    

Function Scope

Выход:-

Вывод:-

HTML - это язык веб -контента, но JavaScript - это язык веб -функциональности. Это один из самых быстро развивающихся языков с точки зрения практики, инструментов и экосистемы. Это невероятно захватывающий язык, чтобы использовать прямо сейчас.

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

Спасибо за чтение 😃

Я бы ❤ общаться с вами в Twitter | LinkedIn | GitHub Дайте мне знать в разделе комментариев, если у вас есть какие -либо сомнения или отзывы.

Ресурсы

Оригинал: "https://dev.to/nehasoni__/introduction-to-javascript-basics-g6n"