求助求助，为什么这个append显示不出？

Question

这是一个todolist 的js代码，想知道为什么这里的append不了
这里是目前的全部代码链接描述

;(function () {
    'use strict';
    var $submit_task = $('.submit-task')
    , task_list ={}
    ;
    
    

    init();

    $submit_task.on('click',function(e){
        var new_task = {};
        // 禁用默认行为
        e.preventDefault();
        // 获取新task的值
        new_task.content= $(this).prev(find('input[name=content]')).val();
        // 如果新task的值为空 则直接返回 否则继续执行
        if(!new_task.content) return ;
        // 存入新task
        if(add_task(new_task)){
            render_task_list();
        }
    })

    function add_task(new_task){
        //将新task推入tasklist
        task_list.push(new_task);
        // 更新localStorage
        store.set('task_list',task_list);
        console.log('task_list',task_list);
    }

    function init(){
        task_list = store.get('.task-list')||[];
        if(task_list.length)
            render_task_list();
    }

    function render_task_list(){
        var $task_list= $('.task-list');
        $task_list.html('');
        for( var i = 0 ; i < task_list.length ; i++)
        {
             var $task = render_task_tpl(task_list[i]);
             $task_list.append($task);
        }
    }

    function render_task_tpl(data){
        var list_item_tpl = 
                            '<div class="task-item">'+
                            '<span><input type="checkbox"></span>'+
                            '<span class="task-content">'+data.content+'</span>'+
                            '<span class="action"> 删除</span>'+
                            '<span class="action"> 详细</span>'+
                            '</div>';
        return $(list_item_tpl);
    }
})();

Answer 1

task_list在一开始初始化的是一个空对象，后边一直是按数组操作的……

Answer 2

task_list初始化是对象,后边操作是的数组