Как в объект записать значения при вызове функции?

Question

[Игорь]

var quastObj={};

  console.log(getCoords(ansNow,quastObj));


function reterToPlace(){
        var quastObj={};
        getCoords(ansNow,quastObj);
        console.log(quastObj);
        target.style.cssText="transform: translateY("+ quastObj.top+"px;)";
    }
    reterToPlace();
    
    function getCoords(nameId,nameObj){
 	var coord=nameId.getBoundingClientRect();

 	return   nameObj={
 		top:coord.top,
 		left:coord.left,
 		bottom:coord.bottom,
 		right:coord.right
 	}

 };

Первый лог верно отдаёт координаты,но в объект он их не записывает почему то,как записать?

Записывать напрямую в getCoords я бы не хотел потому что она должна быть многоразовой,то есть ниже я её буду для других объектов вызывать.

Answer 1

[theWaR_13]

Проблема вашего кода в том, что функция getCoords() возвращает объект, но вы никуда его не присваиваете. Я со смартфона пишу, так что код вам не дам. Вам не нужно передавать объект в параметре, внутри функции reterToPlace() вам нужно сделать что то вроде quastObj = getCoords(ansNow) (только 1 параметр) и все будет работать.

Comments

[Игорь]

но мне нужны 4 координаты которые отдаёт это 4 параметра,зачем мне один...

[theWaR_13]

Игорь Николаевич: вы quastObj передает в параметре, что то с ним делаете и возвращает, но возвращает в пустоту. Вместо передачи в параметре, внутри функции reterToPlace() просто присвойте этому объекту результат выполнения функции и все будет работать.

[theWaR_13]

Игорь Николаевич: именно поэтому cobsile.log() выдает результат.

[Игорь]

theWaR_13: как присвоить результат выполнения функции?

[theWaR_13]

Игорь Николаевич: quastObj = getCoords(ansNow)

[Игорь]

theWaR_13: спасибо.
а почему именно так?

[theWaR_13]

Игорь Николаевич: кусок return в функции getCoords() возвращает объект, однако он возвращает его в пустоту. Когда вы сделали console.log(getCoords()), он вернул этот объект в консоль и вы смогли его увидеть. А когда вы просто вызывали функцию getCoords(ansNow, quastObj), она выполнялась, объект возвращался, но возвращался в никуда.
Когда вы делаете вот так quastObj = getCoords(ansNow), объект из функции возвращается в объект quastObj.

[Игорь]

theWaR_13: аааа,всё дело в методе записи.спасибо что объяснили.У меня тоже были с самого начала сомнения что он поймет что я через аргумент передаю объект

Answer 2

[Игорь]

var coord1, coord2;
function getCoords(nameId){ 
var coord=nameId.getBoundingClientRect(); 

return { 
top:coord.top, 
left:coord.left, 
bottom:coord.bottom, 
right:coord.right 
}; 
};
coord1=getCoords(nameId);
coord2=getCoords(nameId2);

Ответ от Максим,спасибо тебe^_^

И Павел:

function getCoords(nameId, quastObj){ 
var coord=nameId.getBoundingClientRect(); 

quastObj.top = coord.top; 
quastObj.left = coord.left; 
quastObj.bottom = coord.bottom; 
quastObj.right = coord.right; 
};

Comments

[Виталий]

да вы батенька смотрю тролль, задаете кучу вопросов, сами на них типо отвечаете )))) рейтинговый ана**** )))) ну вы поняли меня )))

[Игорь]

Виталий: мальчик,неужели ты считаешь я вопросы для рейтинга задаю?Если да то толковать не о чем с тобой.

[Виталий]

Игорь Николаевич: не стоит переходить на личности, мальчика ты во дворе в песочнице завтра встретишь. По всему остальному все очевидно и понятно, я зря не глянул профиль и активность ранее.

Answer 3

[IceJOKER]

Ни по коду, ни по объяснению не понял чего вы именно хотите.
Какой-то громоздкий код.

Если вы хотите изменить в функции уже объявленную переменную, то НЕ НУЖНО объявлять его заново с помощью var, просто присвойте ему значение.

var test = 1;

function f(){
  test = 2;
  //var test = 2 создаст новую переменную
}

console.log(test);  //1

f();

console.log(test); //2

Comments

[Игорь]

Если вы хотите изменить в функции уже объявленную переменную, то НЕ НУЖНО объявлять его заново с помощью var, просто присвойте ему значение.
ну и как делать????

я просто в обхекте хорчу сохранить координаты

[IceJOKER]

Игорь Николаевич: а вы до конца прочли ответ? там есть ответ и на этот ваш вопрос

Answer 4

[Владислав Поляков]

function getCoords(nameId,nameObj){
 	var coord=nameId.getBoundingClientRect();

 	return   nameObj={
 		top:coord.top,
 		left:coord.left,
 		bottom:coord.bottom,
 		right:coord.right
 	}

У вас фукция принимает в параметрах nameObj и его же возвращает ? Тут нужен конструктор , а не то что вы понапихивали.

Comments

[Игорь]

к примеру?

[Владислав Поляков]

ECMAscript 6 frontender.info/es6-classes-final

[Виталий]

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

Answer 5

[Виталий]

Объявляя var quastObj={}; внутри функции вы внутри этой функции перекрываете доступ к глобальному объекту, а дальше, чтобы вы не делали внутри нее будет работа с пустым объектом.
А вообще да, присоединяюсь к непонимающим этот код, зачем такое городить?
И да, любопытно увидеть вызов функции для другого объекта и зачем вообле ретурнить из функции что-то еще и с присвоением в ретурне, а потом просто как с процедурой ей пользоваться. Короче я хз, вам бы в учебник и читать....
В догонку, выполните этот код, он по вашим мативам скажем так

var obj = {name: 1};
function test(obj){
return obj = {name: 2};
}
console.log(obj);
test(obj);
console.log(obj); 
console.log(test(obj));

заметьте, что даже после исполнения функци test глобальный объект не перезаписываается, тоже самое у вас просходит в участке var quastObj={}; getCoords(ansNow,quastObj);, хотите возвращать объект, делайте иначе

function returnObject(){
return { data: "blablabla" };
}
function run() {
var obj = returnObject();
console.log(obj);
}

Comments

[Игорь]

в учебнике сухо и не понятно,я лучше понимаю на пример

[Виталий]

Игорь Николаевич: learn.javascript.ru читать от начала и до конца написано просто и с примерами, очень грамотно составленный учебник. Я бы мог предположить, что вы пришли из другого языка программирования и нарываетесь на грабли замыканий, ссылок и области видимости, но по вашему примеру я даже это не могу предположить. А потому только читать читать и читать. Писать г-коды пользы ноль.

[Игорь]

Виталий: "learn.javascript.ru читать от начала и до конца " а смысл?....если не применять то уже через 10 старница забываешь что было на первой а так у тебя в проектаъ хранится реализация полезная....

и я так и не понял как перезаписать объект

[Виталий]

Игорь Николаевич: да нет смысла, ничего не делайте....

[Виталий]

Игорь Николаевич: все ваши проблемы от элементарной лени, незнание того, чем заняты приводит к глупым вопросам. learn.javascript.ru/function-basics читать вдумчиво. Там ответы на вопросы по этой теме.