前端浏览器报错，在IE没问题 在google就有问题

Question

在IE浏览器正常运行，但在Google浏览器就会报错

<script>
        $(function() {
            load();
            $("#title").on("keydown", function(event) {
                if (event.keyCode === 13) {

                    // 先读取本地数据
                    var local = getData();

                    // 把local数组进行更新数据  把最新的数据追加给local数组4
                    local.push({
                        title: $(this).val(),
                        done: false
                    });
                    // 把这个数组local 存储给本地存储
                    saveData(local);

                    load();
                }
            });



            // 读取本地数据
            function getData() {
                var data = localStorage.getItem("todolist");
                if (data !== null) {
                    // 本地存储里面的数据是字符串格式 但是我们需要对象格式  调用 JSON.parse()方法
                    return JSON.parse(data);
                } else {
                    return [];
                }
            }

            // 存储数据
            function saveData(data) {
                localStorage.setItem("todolist", JSON.stringify(data))
            }
            // 加载数据

            function load() {
                $("ol,ul").empty();
                var data = getData();

                // 遍历这个数据
                $.each(data, function(i, n) {
                    $("ol").prepend("<li><input type='checkbox'><p>" + n.title + "</p><a href = 'javaScript:;'></a></li>")
                })
            }
        })
    </script>

Answer 1

看你断点，你取到的local是个{}，对象没有push方法的，