Как рекурсия происходит в этом фрагменте кода?

Question

Посмотрите на вызов Stack and Watch, теперь, когда я нажимаю F10, значение линии в «Watch» изменяется как «Object Object», и из-за этого все происходит, я понимаю поток до этого времени, а потом то, что происходит, Чисто. Теперь в палатах, почему код не останавливается на линии 8, даже если я Предоставлять точку останова в строке 8

Это вопрос о stackoverflow

Я пытаюсь понять этот фрагмент кода

function assign(obj, prop, value) { 
    if (typeof prop === "string") 
     prop = prop.split("."); 

    if (prop.length > 1) { 
     var e = prop.shift(); 
     assign(obj[e] = 
       Object.prototype.toString.call(obj[e]) === "[object Object]" 
       ? obj[e] 
       : {}, 
       prop, 
       value); 
    } else 
     obj[prop[0]] = value; 
} 

var obj = {}, 
    propName = "foo.bar.foobar"; 

assign(obj, propName, "Value"); 

Как происходит рекурсия, поскольку функция ничего не возвращает? Как значение аргументов во внутреннем вызове, которое изменяется как функция в самом верхнем стеке вызовов (функции назначения), завершено?

Спасибо всем за ответы, но мой точный вопрос: как это происходит в этой конкретной строке (строка 8).

Answer 1

Object.prototype.toString.call(obj[e]) === "[object Object]" не соответствует действительности. Это всегда "[object Undefined]"

1. В начале:

   obj:: {} 
   prop:: 'foo.bar.foobar' 
   

2. Перед первым вызовом от внутренней функции (if):

   obj:: {foo: {}} 
   prop:: ['bar', 'foobar'] 
   

3. Перед вторым вызовом от внутренней функции (if) :

   obj:: {foo: {bar: {}}} 
   prop:: ['foobar'] 
   

4. В последнем исполнении, а prop.length не 1 (else - не более рекурсии):

   obj:: {foo: {bar: {foobar: 'Value'}}} 
   prop:: [] 
   

Объекты в JavaScript, всегда передаются как Reference, см комментарий @Tiny Гиганта.

Answer 2

Object.prototype.toString.call(obj[e]) === "[object Object]" - это просто уродливый способ сказать: «(если) этот объект существует на самом деле ...». Я не буду подробно объяснять, как это работает, потому что это не очень хороший пример, и вы не можете его понять.

Что хочет код, так это возможность добавлять/редактировать свойство объекта. Например:

var person = {name: 'Liana', hair: {color:'red', style:'long'}}; 
assing(person, 'name', 'George'); 

... и т.п. Но что, если вы хотите отредактировать вложенный атрибут, например, цвет волос?

assign(person, 'hair.color', 'brown');

В основном, функция assign вызывается дважды:

• assign(person, 'hair.color', ...)
• Это определяет мы редактируем вложенный атрибут (color) внутри hair и она убеждается hair на самом деле существует внутри person.
• Если нет, то это создает person.hair (Это то, что некрасиво линия о)
• Затем вызывает assing(person.hair, 'color', 'brown');

---

Я бы лично написать функцию, как это:

function assign(object, prop, value) { 
    prop = prop.split('.'); 

    if(prop.length > 1) { 
     var first = prop.shift(); 
     prop = prop.join('.'); 
     if(typeof object[first] != 'object') 
      object[first] = {}; 
     assign(object[first], prop, value); 
    } else { 
     object[prop] = value; 
    } 
} 

Answer 3

Как происходит рекурсия, так как функция ничего не возвращает ?

Возврат значения для рекурсии не требуется. Здесь условие prop.length > 1 остановит рекурсию после установки значения желаемого свойства

Как значение аргументов во внутреннем вызове изменяющегося как функции в верхней наиболее вызова стеке (из Назначают функции) завершено?

Я не уверен, что вы спрашиваете здесь. Я думаю, что вы спрашиваете об этой линии obj является

assign(obj[e] = 
       Object.prototype.toString.call(obj[e]) === "[object Object]" 
       ? obj[e] 
       : {}, 
       prop, 
       value); 

Этот код проверяет, является ли объект или нет. Если obj не является объектом, то он будет изменен на объект в самом вызове рекурсии.