MooTools的Cookie类太“自作聪明”了

没注意到MooTools的Cookie类在写的时候自己做了一次encode，在读的时候做了一次decode，在一般的情况下，这个不会有什么问题。但是想一下特殊的情况，如果你在服务器端写Cookie的时候没有encode，那么读的时候是不是会乱掉？当然了，服务器端代码写Cookie一般还是会encode的。但是问题是这样的，如果你要写一个很长的Cookie，中间有很多内容，你先把这些内容那个encode，然后用$作为分隔符把这些项连接起来，再用服务器端代码写入到Cookie里面。好，你现在的Cookie的值可能是这样的：

// 这个cookie的内容有三项，分别为：
// Fdream——decode之后为——Fdream
// http%3A%2F%2Ffdream.net——decode之后为——http://fdream.net
// %25%25%24%24——decode之后为——%%$$
youkey=Fdream$http%3A%2F%2Ffdream.net$%25%25%24%24

这些是服务器端写进去的，现在我们用MooTools的Cookie类来读，那么返回的内容将是：

youkey=Fdream$http://fdream.net$%%$$

非常遗憾的是，我们的分隔符$这个时候已经完全被混淆了——最后那两个$不是我们的分隔符！

怎么办？改分隔符？麻烦，说不定以后还是会碰到类似的问题。不如直接改MooTools的Cookie类来得爽快，修改的部分见下面的注释：

var Cookie = new Class({

    Implements: Options,

    options: {
        path: false,
        domain: false,
        duration: false,
        secure: false,
        // 新添加的选项，读取时是否decode，
        // 为保持和MooTools的原来行为一致，默认为true
        decode: true,
        // 新添加的选项，写入是是否encode，
        // 为保持和MooTools的原来行为一致，默认为true
        encode: true,
        document: document
    },

    initialize: function(key, options) {
        this.key = key;
        this.setOptions(options);
    },

    write: function(value) {
        // 如果使用encode，对value进行encode，否则不encode
        if (this.options.encode) value = encodeURIComponent(value);
        if (this.options.domain) value += '; domain=' + this.options.domain;
        if (this.options.path) value += '; path=' + this.options.path;
        if (this.options.duration) {
            var date = new Date();
            date.setTime(date.getTime() + this.options.duration * 24 * 60 * 60 * 1000);
            value += '; expires=' + date.toGMTString();
        }
        if (this.options.secure) value += '; secure';
        this.options.document.cookie = this.key + '=' + value;
        return this;
    },

    read: function() {
        var value = this.options.document.cookie.match('(?:^|;)\\s*' + this.key.escapeRegExp() + '=([^;]*)');
        // 默认decode，否则不decode
        if (this.options.decode) {
            return (value) ? decodeURIComponent(value[1]) : null;
        }
        else {
            return (value) ? value[1] : null;
        }
    },

    dispose: function() {
        new Cookie(this.key, $merge(this.options, { duration: -1 })).write('');
        return this;
    }

});

Cookie.write = function(key, value, options){
    return new Cookie(key, options).write(value);
};

// 加了个options参数，从而可以设置是否使用decode
// 和该类中其他参数使用的方法一致
Cookie.read = function(key, options) {
    return new Cookie(key, options).read();
};

Cookie.dispose = function(key, options){
    return new Cookie(key, options).dispose();
};

最后，这个Cookie类还有一个比较不爽的地方是，这里写Cookie的过期时间是以天为单位的，如果你只想保存几个小时，需要传入小于1的小数，嗯！