0

我创建了一个类似于这个简化示例的自定义对象。我的实现为 Playlist 提供了更复杂的方法：

function Playlist(id) {
    var _songs = [];

    if(!id)
        id = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) { var r = Math.random() * 16 | 0, v = c == 'x' ? r : (r & 0x3 | 0x8); return v.toString(16); });

    var playlist = {
        id: id,
        title: "New Playlist",

        clear: function(){
            _songs = [];
            _save();
        },

        songCount: function () {
            return _songs.length;
        },

        getSongs: function () {
            return _songs;
        }
    }

    return playlist;
}

现在，我有另一个对象 Playlists，它保存了 Playlist 对象：

function playlists(){
    var _playlists = null;
    var _currentPlaylist = null;

    var _save = function () {
        localStorage.setItem('playlists', JSON.stringify(_playlists));
    };

    var _loadPlaylists = function(){
        _playlists = localStorage.getItem('playlists');

        try {
            if (_playlists && _playlists != 'undefined')
                _playlists = JSON.parse(_playlists);
        }
        catch(exception){
            console.error(exception);
        }

        if(!_playlists){
            _playlists = new Array();
            var defaultPlaylist = new Playlist(null, null);

            _playlists.push(defaultPlaylist);
            _save();
        }
    };

    var playlists = {
        count: function(){
            return _playlists.length;
        },

        getPlaylists: function(){
            return _playlists;
        },

        getCurrentPlaylist: function(){
            currentPlaylist = _currentPlaylist;

            if(!currentPlaylist){
                _loadPlaylists();
                currentPlaylist = _playlists[0];
                currentPlaylist.selected = true;
            }

            return currentPlaylist;
        },

        addPlaylist: function(playlistName){
            var playlist = new Playlist(null, playlistName);
            _playlists.push(playlist);
            _save();
        }
    }

    return playlists;
}

当我使用 JSON.parse 将播放列表对象从 JSON 转换为对象时，我注意到播放列表对象已被剥离其方法。我相信这是因为 JSON.stringify 不知道如何（或者它不知道应该）将对象转换为 JSON。

我想知道对此的正确反应是什么？是否可以将方法标记为可序列化？还是需要更多的工作？

4

2 回答 2

2

JSON.stringify()保存数据属性，而不是方法。这就是它的工作原理。

如果您希望它保存您的实际 javascript 代码，那根本不是它的设计方式。如果你愿意，你可以添加一个作为对象自定义类型的数据属性，当你读回对象时，你可以使用它来重新附加适当的方法。JSON.stringify()但是， and不会发生这种情况JSON.parse()。

如果您事先知道您正在阅读什么类型的对象，您可以创建该类型的对象并将保存的 JSON 作为初始化程序传递给它。

于 2012-07-16T16:26:52.017 回答
1

如前所述，stringify旨在序列化属性，而不是函数。我发现这篇博客文章解释了为什么会这样，最后是如何通过使用__proto__属性来保留对象的功能。看起来是目前唯一的解决方法。

于 2012-07-16T16:32:54.173 回答