Присвоить значение через аргумент?

Question

[name1e55]

var text = "list-style-image"; to_low_camel(text); 
alert(text); // "list-style-image"

function to_low_camel(str) {
	var arr = str.split("-");
    
	for (i = 1; i < arr.length; i++) {
		arr[i] = arr[i].charAt(0).toUpperCase() + arr[i].slice(1);
        
	} str = arr.join("");
}

Если записать как text = arr.join("") выводит // "listStyleImage"
Через return arr.join("") тоже // "listStyleImage"
typeof arr.join("") // "string"

Не могу понять, почему не присваивает новое значение через аргумент?

Comments

[Lynn «Кофеман»]

А с какого перепугу должно?
Да и нафига? Чем вам обычная функция возвращающая значение не угодила?

[DanKud]

Потому что это так не работает. Аргументом вы просто передали данные внутрь функции, а дальше к переменной text функция отношения не имеет, пока вы не присвоите уже измененное функцией значение к этой переменной.

[name1e55]

DanKud, почему тогда здесь работает?
obj это же аргумент, а не имя переменой

var stuff = {
  name: "menu open new menu"
};

del_class(stuff, "menu");
alert(stuff["name"]);

function del_class(obj, cls) {
	var arr = obj["name"].split(" "), temp = [];

	for (i = 0; i < arr.length; i++) {
		if (arr[i] != cls) temp.push(arr[i]);
    
	} obj["name"] = temp.join(" ");
}

[dmitriyivvvv]

name1e55, Потому что здесь как раз таки объект а не примитив, плюс вы ссылаетесь на его свойство посредством obj["name"]. Если бы вы сделали так obj = {}; то параметр obj теперь указывал бы на пустой объект.

[DanKud]

name1e55, потому что это объект. В случае объекта вы передаете аргументом внутрь функции ссылку на этот объект - https://learn.javascript.ru/object-reference. В случае же со всеми другими типами данных, отличных от объекта, вы передаете просто значение, которое присваивается указанному аргументу.

[name1e55]

dmitriyivvvv, DanKud, понял, спасибо

Answer 1

[dmitriyivvvv]

Вы передаете строку в функцию, это примитивное значение всего их 6: String, Number, Boolean, Symbol, null, undefined. Создается копия вашей строки которая присваивается параметру str. Если бы вы передали объект Object(или подтип объекта Function, Array, etc), тогда параметру присваивается ссылка на этот объект. напрмер:

let o = {a: 3}; //ссылка на объект
function foo(obj) {
  //obj это другая ссылка на этот же объект
  obj = {a:666} //теперь obj указывает на совсем другой объект
}
foo(o)
o // {a:3}

Т.е в js нельзя вручную указать хотите ли вы ссылку или копию (как в C++ например), здесь ссылка/копия значения определяется типом данных.
Если с англ. норм то почитайте: раздел Value vs. Reference

Comments

[Роман]

dmitriyivvvv, Для любых типов данных передается ссылка!!! A копия создается уже внутри функции при присваивании одного из перечисленных 6 типов данных. Примитивы устроенны так, что в js не существует способов изменить содержание памяти выделенной под хранение данных в примитиве. По сути это и обеспечивает описанное вами поведение.

Сейчас код не приведу (не удобно на телефоне программить, но както с одним товарищем поспорили на эту тему. Тест был примерно такой
1. Инициализировалась переменная, в которую из файла считывался примерно 1мб текста.
2. В цикле (1000000 итераций) вызывалась функция которой передавалась в качестве аргумента переменная из п.1
3. Внутри функции происходил вызов setTimeout который через 10 сек выводил в консоль случайный символ из полученного аргумента.
4. Перед запуском цикла и после его завершения (но еще до срабатывания таймаутов) производился замер расхода процессом оперативной памяти который однозначно показал, что в процессе вызова функции в цикле не было созданно милион копий переменной из п.1.

Answer 2

[sudo rm -rf /]

Использовать ссылочные типы.

let bufer = {};
function foo(buf, a, b) {
    buf.foo_ans = a + b;
}
function bar(buf, a, b) {
    buf.bar_ans = a * b;
}
foo(bufer, 3, 5);
bar(bufer, 3, 5);
console.log(bufer); //{foo_ans: 8, bar_ans: 15}

Comments

[sudo rm -rf /]

name1e55, понял?