Почему в этой операции javascript выводится 16?

Question

[Дмитрий Тимошкин]

Здравствуйте, я зеленющий новичок в javascript, начал читать книгу Дэвида Флэнагана (специально купил за 840 руб.), но никак не могу понять почему в этой операции выводится 16 ? Похоже не понимаю логику javascript.

var x = 2, y = 3;
function plus1(x) {
return x+1;
}
plus1(y)
var square = function(x) {
return x*x;
};
square(plus1(y))

В этой конструкции тоже получается 16, хотя в var поменял буквы на a и b

var a = 2, b = 3;
function plus1(x) {
return x+1;
}
plus1(y)
var square = function(x) {
return x*x;
};
square(plus1(y))

Comments

[Socrates]

4*4 сколько? в первой функции 3+1 = 4 этот результат попадает во вторую функцию 4*4

[Дмитрий Тимошкин]

Артур Кармов, почему в первой функции 3+1, когда как там x+1, а это 2+1, так как у x значение стоит 2?

[Socrates]

var x = 2, y = 3;
function plus1(x) {  --- тут то что написано x это не значит что х==2, это просто переменная, которая примет то, что ей передаешь. можно написать 

var x = 2, y = 3;
function plus1(ggg) {
return ggg+1;
}

plus1(y); --- все равно вернет 4. потому что здесь мы уже не создаем функцию, а вызываем. и передаем ей у в которой 3.

[Dubrovin]

var x = 2, y = 3;

//это просто объявление функции, ничего не делает пока её не вызовут
function plus1(x) {
return x+1;
}

//здесь y равен 3, поэтому вернётся 4
//обратите внимание, здесь результат никуда не передаётся, при следующем вызове этой функции с y=3 всё равно вернётся 4.
plus1(y)

//в переменную square положили объявление (дескриптор) функции, код ничего не делает пока не вызовут эту функцию
var square = function(x) {
return x*x;
};

// сначала сработает функция plus1(y), которая точно также вернёт 4, потому как y здесь тоже равен 3
// совсем не важно что эта функция вызывалась чуть ранее
// потом сработает square( 4 ), которая вернёт 16
square( plus1(y) )

[Socrates]

посмотри в ютубе видосики про функции, рано или поздно дойдет.

[Максим]

Дмитрий Тимошкин, x в данном случае параметр функции, в качестве x, ты передаешь значение y.

[Максим]

Дмитрий Тимошкин, https://learn.javascript.ru/function-basics#%D0%BF...

[kulaeff]

Дмитрий Тимошкин, коварный Флэнаган вас запутал. Переменная x в строке var x = 2 и в функции plus1(x) - это разные вещи. Вместо var x = 2 у вас может быть var theMegaSuperVariable = 2, но когда вы вызовете plus1(theMegaSuperVariable), то эта theMegaSuperVariable внутри функции превращается в x и возвращается x + 1.

Answer 1

[Антон Спирин]

Тут надо понимать, что в локальной области видимости функций plus1 и square x это значение преданного аргумента, а не глобальной переменной x.

var x = 2, y = 3;
function plus1(x) {
return x + 1;  // тут x это значение которое вы передали при вызове аргументом
}
plus1(y)
var square = function(x) {
return x * x;  // тут тоже
};
square(plus1(y))

Разберем выражение:
square(plus1(y))

У вас y = 3.

Получается:
square(plus1(3));

На шаге plus1(3):

function plus1(3) {
return 3 + 1;
}

На выходе из первой функции получаем 4

Получается:
square(4);

на этом шаге поисходит следущее:

function(4) {
return 4 * 4;
};

На выходе получаем 16

Comments

[Дмитрий Тимошкин]

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

[Антон Спирин]

Дмитрий Тимошкин, потому, что вы их до этого определяете. А те, что вы определяете ниже(a, b, z, c), они не используются, всегда используется y.

Answer 2

[Айнур Валиев]

в 1-м примере все просто, надо просто понять как работают функции в Js. Используй дебаггер, чтобы наглядно изучить работу js интерпретатора.

Во 2-м у тебя никакого рез-та не будет, т.к. переменные y, x не определены.

Comments

[Дмитрий Тимошкин]

В том-то и дело, что результат есть, проверял в консоли браузера

Answer 3

[nluparev]

не понимаю как у Вас во 2-ом примере работает. Там не идентификатора y для call expression plus1(y)

Comments

[Дмитрий Тимошкин]

Думаю если пойму почему работает и с другими буквами, логика яваскрипта станет еще понятней.

Проверял в консоли браузера, работает почему-то.