Лекция
Game: Perform tasks and rest cool.2 people play!
Play gameПривет, сегодня поговорим про методы в JS, обещаю рассказать все что знаю. Для того чтобы лучше понимать что такое методы в JS, свойства в JS , настоятельно рекомендую прочитать все из категории Выполнение скриптов на стороне клиента JavaScript, jqvery, JS фреймворки (Frontend).
str.length
, str.toUpperCase()
num.toFixed
Game: Perform tasks and rest cool.2 people play!
Play gameВсе значения в JavaScript, за исключением null
и undefined
, содержат набор вспомогательных функций и значений, доступных «через точку».
Такие функции называют «методами», а значения — «свойствами». Посмотрим на примеры.
str.length
, str.toUpperCase()
У строки есть свойство length
, содержащее длину:
1 |
alert( "Привет, мир!" .length ); // 12 |
Еще у строк есть метод toUpperCase()
, который возвращает строку в верхнем регистре:
1 |
var hello = "Привет, мир!" ; |
2 |
3 |
alert( hello.toUpperCase() ); // "ПРИВЕТ, МИР!" |
Если через точку вызывается функция (toUpperCase()
) — это называют «вызов метода», если просто читаем значение (length
) — «получение свойства».
num.toFixed
У чисел есть метод num.toFixed(n)
. Об этом говорит сайт https://intellect.icu . Он округляет число num
до n
знаков после запятой, при необходимости добивает нулями до данной длины и возвращает в виде строки (удобно для форматированного вывода):
1 |
var n = 12.345; |
2 |
3 |
alert( n.toFixed(2) ); // "12.35" |
4 |
alert( n.toFixed(0) ); // "12" |
5 |
alert( n.toFixed(5) ); // "12.34500" |
Детали работы toFixed
разобраны в главе Числа.
К методу числа можно обратиться и напрямую:
1 |
alert( 12.34.toFixed(1) ); // 12.3 |
…Но если число целое, то будет проблема:
1 |
alert( 12.toFixed(1) ); // ошибка! |
Это — особенность синтаксиса JavaScript. Вот так — будет работать:
1 |
alert( 12..toFixed(1) ); // 12.0 |
Обратите внимание, для вызова метода после его названия идут скобки:hello.toUpperCase()
. Без скобок метод вызван не будет.
Посмотрим, к примеру, результат обращения к toUpperCase
без скобок:
1 |
var hello = "Привет" ; |
2 |
3 |
alert( hello.toUpperCase ); // function... |
Этот код выводит значение свойства toUpperCase
, которое является встроенной в язык функцией. Как правило браузер выводит его как-то так:"function toUpperCase() { [native code] }"
.
Для получения результата эту функцию необходимо вызвать, и как раз для этого в JavaScript обязательны скобки:
1 |
var hello = "Привет" ; |
2 |
3 |
alert( hello.toUpperCase() ); // "ПРИВЕТ" (результат вызова) |
Мы еще встретимся со строками и числами в последующих главах и глубже познакомимся со средствами для работы с ними.
Game: Perform tasks and rest cool.2 people play!
Play game
Комментарии
Оставить комментарий
Выполнение скриптов на стороне клиента JavaScript, jqvery, JS фреймворки (Frontend)
Термины: Выполнение скриптов на стороне клиента JavaScript, jqvery, JS фреймворки (Frontend)