Введение в Javascript:
Javascript, коротко известный как js, — это язык сценариев, который в основном используется для веб-программирования, особенно для клиентских сайтов. Но теперь он используется в нескольких областях, таких как разработка приложений на стороне сервера, Android, iOS и настольных компьютеров и во многих других. В этом уроке мы узнаем об истории, обзоре и основных понятиях javascript. Я опубликую подробную статью в каждой части этой статьи. Так что оставайтесь со мной, надеюсь, мы сможем многому научиться вместе. Давайте начнем!
Давайте узнаем об истории JavaScript :
В 90-м веке Netscape Navigator был самым популярным веб-браузером. В 1995 году руководство Netscape приняло решение о создании нового языка программирования. Брендан Эйх работал над этим. В сентябре 1995 года у них появился новый язык под названием LiveScript. А в декабре выпустили стабильную версию javascript. После этого javascript прошло много времени. И сейчас это один из самых популярных языков для веб-программирования.
Обзор:
Javascript — это в основном язык сценариев. Это многопарадигмальный однопоточный язык. Он имеет все необходимые функции. Оно улучшается день ото дня. В 2015 году произошли большие изменения. Мы все знаем, что это как скрипт ES6 или ECMA 6. Максимум программистов используют эту версию javascript. Мне также нравятся функции ES6. Последним стабильным выпуском для javascript является ECMAScript 2020.
Давайте рассмотрим некоторые основные концепции javascript:
Каждый язык программирования имеет некоторые базовые концепции, и они являются наиболее важными для учащихся, чтобы сделать их путешествие более плавным. Эти основные вещи таковы:
- Переменная
- Условное заявление
- Массив, список или коллекция
- Петля
- Функция
Давайте выучим их! 😀
1. Переменная:
Переменные используются для хранения данных. В каждом языке программирования есть переменные. В javascript мы объявляем переменную с помощью ключевого слова var. Давайте посмотрим на пример ниже:
var a = 6; var b = 3;
Здесь a — это переменная со значением 5. Мы можем изменить это значение в любое время. Нравится :
var a = 5; a = 7;
var имеет глобальную область действия. В 2015 году была выпущена новая версия javascript под названием ECMAScript 6. В этой версии они вводят ключевые слова let и const. мы также можем объявить переменную с помощью let и const. См. пример ниже.
let x =81; const y = 54;
Хотя это ключевое слово имеет некоторые отличия, вы можете использовать любое из них для объявления своей переменной.
я. Разница между var , let и const.
В javascript мы можем объявить переменную с 3 ключевыми словами. Это var, let и const. Теперь вопрос, почему эти 3 ключевых слова? Мы можем объявить переменную с одним ключевым словом. Давайте посмотрим, в чем разница между этими тремя ключевыми словами.
1. Объявление var имеет глобальную область действия или область действия функции. С другой стороны, let и const имеют блочную область действия
2. varпеременные могут быть повторно -объявлены или могут быть обновлены, переменные let могут быть обновлены, но не могут быть повторно объявлены, а последняя constне может быть обновлена или объявлена повторно.
Теперь мы знаем, как объявить переменную. Как мы покажем эту переменную? Давайте посмотрим, как отобразить вывод в javascript.
II. Вывод Javascript
В JS мы можем показать вывод четырьмя разными способами. Вот они:
1. Через innerHTML;
var element = document.getElementbyId('demo');
element.innerHTML = “something”;
2. Метод записи;
document.write(“something”);
3. Хоть бдителен;
window.alert(‘something’);
4. Через консоль;
console.log(‘something’)
Теперь мы знаем, как объявить переменную и показать их. Давайте перейдем к другой базовой концепции javascript.
2. Условное заявление:
Условный оператор очень важен в языке программирования. Это означает, что они делают что-то на основе условия. Например, вы хотите купить мобильный телефон. Теперь, если у вас есть более 100 долларов, вы купите смартфон, в противном случае вы купите многофункциональный (кнопочный) телефон. Давайте посмотрим на это на примере кода:
var money = 140;
if(money > 100){buySmartPhone() //this part will execute}
else{buyButtonPhone()}
Мы можем написать несколько слоев условия. Например, если у вас меньше 20 долларов, вы купите кусок хлеба, если у вас больше 20 долларов, но меньше 30 долларов, вы купите маленький двухслойный бургер, а если у вас больше 30 долларов, вы купите большой трехслойный бургер. . Давайте посмотрим на это в коде:
var money = $25;
if(money < 20){buyBread()}
else if(money > 20 && money < 30){buyLittleBurger()}
else if(money > 30){buyBigBurger()}
Написание этих многоуровневых условий утомительно, не так ли? Для этого у нас есть оператор switch. Мы обсудим это в другой статье. Кстати, && является условным оператором, это означает, что оба условия должны быть истинными для выполнения кода в фигурных скобках.
3. Массив:
Массив — очень важная концепция в каждом языке программирования. Массив может хранить несколько значений, тогда как переменная может хранить одни данные. В массиве вы можете получить доступ к значениям отдельно. Давайте посмотрим пример:
var laptop = [“HP”, “Dell”, “Asus”] document.write(laptop[0]); //print HP
Если вы хотите сохранить эти 3 строки в обычных переменных, вам нужны 3 переменные. Но только один массив может хранить эти 3 или даже больше. В основном он используется для хранения набора данных.
4. Петля:
Цикл также является важной концепцией языка программирования. Цикл означает выполнение одной и той же работы несколько раз. В javascipt в основном у нас есть 3 типа цикла
- для цикла
- пока цикл
- сделать цикл while
Давайте посмотрим на синтаксис циклов.
//For loop
for(var i = 0; i ≤ 10; i++){
document.write('I am a programmer');
}
//while loop
var i = 1;
while(i <= 10){
document.write('I am a programmer');
i++;
}
//do while loop
do{
document.write('I am a programmer');
i++;
}
while(i <= 10)
5. Функция:
Вы можете представить себе функцию, подобную машине. Например кофеварка. Засовываешь в машину нужную вещь и получаешь на выходе кофе. В функцию кладешь нужные вещи (параметр) и получаешь вывод. Давайте рассмотрим пример:
function square(num){
return num*n;
}
square(2); // 4
Вот как работает функция и как выглядит ее синтаксис. Функция также используется для удаления повторяющегося кода. Вы помещаете необходимый код в функцию, вы можете использовать его во всей программе.
Это все о сегодняшнем дне. Я предоставлю больше статей по javascript. Если я допустил какие-либо ошибки в этой статье, пожалуйста, сообщите мне, чтобы мы могли вместе изучить правильные вещи.
Удачного кодирования ❤;
