jquery-cookie v1.4源码解析

一、主体代码结构

二、源码分析

1、简化结构分析

(function(factory){
    
    //check global env  
    factory(jQuery);
    
})(function($){
    
    // uri编码
    function encode(){}
    
    // uri解码
    function decode(){}
    
    // json转string
    function stringifyCookieValue(){}
    
    // string转json
    function parseCookieValue(){}
    
    // 读取
    function read(){}
    
    // 删除
    function removeCookie(){}
    
});

2. 核心函数分析

var config = $.cookie = function (key, value, options) {

    // 写入 cookie document.cookie = 'xxx'
    if (value !== undefined && !$.isFunction(value)) {
        options = $.extend({}, config.defaults, options);

        if (typeof options.expires === 'number') {
            var days = options.expires, t = options.expires = new Date();
            t.setDate(t.getDate() + days);
        }

        return (document.cookie = [
            encode(key), '=', stringifyCookieValue(value),
            options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE
            options.path    ? '; path=' + options.path : '',
            options.domain  ? '; domain=' + options.domain : '',
            options.secure  ? '; secure' : ''
        ].join(''));
    }

    // 1. 只有一个key时，是读取cookie 2. key，value都存在，但value是一个转换函数
    var result = key ? undefined : {};

    // 读取cookie，遍历 命令 key时返回结果
    var cookies = document.cookie ? document.cookie.split('; ') : [];

    for (var i = 0, l = cookies.length; i < l; i++) {
        var parts = cookies[i].split('=');
        var name = decode(parts.shift());
        var cookie = parts.join('=');

        if (key && key === name) {
            // If second argument (value) is a function it's a converter...
            result = read(cookie, value);
            break;
        }

        // Prevent storing a cookie that we couldn't decode.
        if (!key && (cookie = read(cookie)) !== undefined) {
            result[name] = cookie;
        }
    }

    return result;
};

 3. 转换函数读取文件

function read(s, converter) {
        var value = config.raw ? s : parseCookieValue(s);
        return $.isFunction(converter) ? converter(value) : value;
    }