Как получить доступ ко всем элементам объекта в JS? (Chrome Расширение хранилища)

Question

Хорошо, я знаю, что доступ к объекту в JS - это очень важно, но я почему-то не могу обойти это. Я изучаю JS и создаю расширение chrome через него. Я сохраняю пользовательские данные в API хранилища Chrome. Я могу успешно хранить данные, но когда дело доходит до извлечения, я не могу обернуть вокруг себя голову.

Идея доступа к элементам объекта в JS - Obj.Key

Но когда дело доходит до доступа к элементам в API хранилища Chrome, я не могу этого сделать. Прилагается объект, который я получаю.

Изображение Obejct

"use strict";

chrome.storage.sync.get(null,function(result){
    for (let k in result){
        console.log(k)
        console.log(result.k)
    }



})



let btn = document.getElementById("myBtn")

btn.addEventListener("click",function(){

    let vname = prompt("Name of the view?")

    chrome.storage.sync.set({"name":vname})


    chrome.storage.sync.get("name",function(view){

        document.write(view.name)
    })

})

Но я получаю undefined в консоли. Любая помощь?