Loading presentation...

Present Remotely

Send the link below via email or IM

Copy

Present to your audience

Start remote presentation

  • Invited audience members will follow you as you navigate and present
  • People invited to a presentation do not need a Prezi account
  • This link expires 10 minutes after you close the presentation
  • A maximum of 30 users can follow your presentation
  • Learn more about this feature in our knowledge base article

Do you really want to delete this prezi?

Neither you, nor the coeditors you shared it with will be able to recover it again.

DeleteCancel

Make your likes visible on Facebook?

Connect your Facebook account to Prezi and let your likes appear on your timeline.
You can change this under Settings & Account at any time.

No, thanks

JavaScript. Лекция 2 - Типы данных. Viktor Gubochkin. ХНУРЭ

JavaScript. Лекция 2 - Типы данных
by

Viktor Gubochkin

on 20 October 2016

Comments (0)

Please log in to add your comment.

Report abuse

Transcript of JavaScript. Лекция 2 - Типы данных. Viktor Gubochkin. ХНУРЭ

JavaScript. Лекция 2
Разработка
Браузеры, в которых проверяем код*:
Mozilla FireFox
Google Chrome

Где пишем код?
NotePad++ (приемлимый вариант)
WebStorm (рекомендуемый)

* проверять лучше во всех браузерах и на всех ОСях, но это задача тестировщиков. Нам важно во время разработки видеть удобные сообщения об ошибках, поэтому рекомендуется использовать именно эти 2 браузера.
Три кита, на которых держится "Hello, World!".
Браузер, когда видит <script>:
Начинает отображать страницу, показывает часть документа до script;
Встретив тег script, переключается в JavaScript-режим и не показывает, а исполняет его содержимое;
Закончив выполнение, возвращается обратно в HTML-режим и только тогда отображает оставшуюся часть документа.

Пример:
<script>
alert('Hello, World!');
</script>
Number, String, Boolean
Function, Array, object
null, undefined
Object
LinkedIn:
https://ua.linkedin.com/in/vgubochkin

Email:
victorgubochkin@gmail.com

Kharkov, Ukraine
JavaScript. Лекция 2
Viktor Gubochkin
String
В JavaScript любые текстовые данные являются строками. Не существует отдельного типа «символ», который есть в ряде других языков.

Внутренним форматом строк, вне зависимости от кодировки страницы, является Юникод (Unicode).

В JavaScript нет разницы между двойными и одинарными кавычками.

var text = "моя строка";
var anotherText = 'еще строка';
var str = "012345";
var string = "3";
Boolean
У него всего два значения:
true
(истина) и
false
(ложь).

Как правило, такой тип используется для хранения значения типа да/нет, например:
var checked = true;
// да
checked = false;
// нет
Основы языка
В JavaScript существует несколько основных типов данных:
number
string
boolean
null
undefined
function
Array
object
Справочники JavaScript
Mozilla Developer Network (MDN)
– содержит информацию для основных браузеров. Также там присутствуют расширения только для Firefox (они помечены).
MSDN
– справочник от Microsoft. Там много информации, в том числе и по JavaScript (они называют его «JScript»). Если нужно что-то, специфичное для IE – лучше лезть сразу туда.
Safari Developer Library
– менее известен и используется реже, но в нём тоже можно найти ценную информацию.

Number
var n = 123;
n = 12.345;
n = -12.345;
n = 0;
n = 1 / 0;
// Как думаете что здесь будет?

NaN - возникает в случае ошибки вычисления. Например, когда вы пытаетесь строку "привет" умножить на 5:
"привет" * 5
// NaN
Number:
Все числа в JavaScript, как целые так и дробные, имеют тип Number. Также к числам относятся: Infinity, -Infinity, NaN(Not a Number)
String:
В JavaScript одинарные и двойные кавычки равноправны. Можно использовать или те или другие.
Boolean:
У него всего два значения: true (истина) и false (ложь).
Как правило, такой тип используется для хранения значения типа да/нет.

Все значения в JavaScript, за исключением null и undefined, содержат набор вспомогательных функций и значений, доступных «через точку». Такие функции называют «методами», а значения – «свойствами».

Фактически можно утверждать: "В JavaScript-е всё является объектом, за исключением null и undefined".

null имеет свойство пустого значения
undefined - ещё не определённого значения (память выделена, но не заполнена)
Function
является способом упаковки функциональности, которую вы хотите использовать, так что всякий раз, когда вы хотите получить функциональность вы можете вызвать функцию с именем функции, а не постоянно переписывать весь код. Тоже самое, что и функция в других языках программирования.
Array
- это структура, которая позволяет хранить несколько значений в одной ссылке. Например:
var myVariable = [1,'Bob','Steve',10];
Обратиться к каждому элементу массива можно так:
myVariable[0], myVariable[1], и т.д.
Object
- это объект данных, который может содержать всё что угодно внутри себя, даже другой объект. Некий аналог классов в других языках или структур (Struct).
Пока что только рассмотрим примеры, конкретнее поговорим в следующих лекциях:

var obj = {};
// Object
var person = {
name: "Василий"
};
// Object
var arr = [];
// Array
var array = [1, 2, 3, 'a'];
// Array
var func = function () {};
//Function
var funcSum = function (a, b) {
return a + b;
};
//Function
null, undefined
Значение
null
не относится ни к одному из типов выше, а образует свой отдельный тип, состоящий из единственного значения
null
:
В JavaScript
null
не является «ссылкой на несуществующий объект» или «нулевым указателем», как в некоторых других языках. Это просто специальное значение, которое имеет смысл «ничего» или «значение неизвестно».
var age = null;

Значение
undefined
, как и
null
, образует свой собственный тип, состоящий из одного этого значения. Оно имеет смысл «значение не присвоено». Если переменная объявлена, но в неё ничего не записано, то её значение как раз и есть
undefined
:
var x;
// undefined
Маленький тест:
Оператор
typeof
возвращает тип аргумента.

Что вернёт
typeof
в следующих выражениях?
1)
typeof undefined
2)
typeof "2"
3)
typeof 0

4)
typeof 12345

5)
typeof 1.2

6)
typeof '3.3'

7)
typeof "3.3"

8)
typeof true

9)
typeof "3,3"

10)
typeof "foo"

11)
typeof {}

12)
typeof 'false'

13)
typeof null

14)
typeof function(){}

// "undefined"
// "string"
// "number"
// "number"
// "number"
// "string"
// "string"
// "boolean"
// "string"
// "string"
// "object"
// "string"
// "object" - официально признанный баг
// "function"
Full transcript