{"id":1370,"date":"2024-06-02T22:25:05","date_gmt":"2024-06-02T22:25:05","guid":{"rendered":""},"modified":"2024-06-05T03:09:46","modified_gmt":"2024-06-04T19:09:46","slug":"underscore-%e7%b3%bb%e5%88%97%e4%b9%8b%e9%93%be%e5%bc%8f%e8%b0%83%e7%94%a8","status":"publish","type":"post","link":"https:\/\/www.lccc.top\/?p=1370","title":{"rendered":"underscore \u7cfb\u5217\u4e4b\u94fe\u5f0f\u8c03\u7528"},"content":{"rendered":"\n

\u524d\u8a00<\/h2>\n

\u672c\u6587\u63a5\u7740\u4e0a\u7bc7\u300aunderscore \u7cfb\u5217\u4e4b\u5982\u4f55\u5199\u81ea\u5df1\u7684 underscore\u300b<\/a>\uff0c\u9605\u8bfb\u672c\u7bc7\u524d\uff0c\u5e0c\u671b\u4f60\u5df2\u7ecf\u9605\u8bfb\u4e86\u4e0a\u4e00\u7bc7\u3002<\/p>\n

jQuery<\/h2>\n

\u6211\u4eec\u90fd\u77e5\u9053 jQuery \u53ef\u4ee5\u94fe\u5f0f\u8c03\u7528\uff0c\u6bd4\u5982\uff1a<\/p>\n

\n
$<\/span>(<\/span>\"div\"<\/span>)<\/span>.<\/span>eq<\/span>(<\/span>0<\/span>)<\/span>.<\/span>css<\/span>(<\/span>\"width\"<\/span>,<\/span> \"200px\"<\/span>)<\/span>.<\/span>show<\/span>(<\/span>)<\/span>;<\/span><\/pre>\n<\/div>\n
\u6211\u4eec\u5199\u4e2a\u7b80\u5355\u7684 demo \u6a21\u62df\u94fe\u5f0f\u8c03\u7528\uff1a<\/p>\n
<\/p>\n
function<\/span> JQuery<\/span>(<\/span>selector<\/span>)<\/span> {<\/span>\n    this<\/span>.<\/span>elements<\/span> =<\/span> [<\/span>]<\/span>;<\/span>\n    var<\/span> nodeLists<\/span> =<\/span> document<\/span>.<\/span>getElementsByTagName<\/span>(<\/span>selector<\/span>)<\/span>;<\/span>\n    for<\/span> (<\/span>var<\/span> i<\/span> =<\/span> 0<\/span>;<\/span> i<\/span> <<\/span> nodeLists<\/span>.<\/span>length<\/span>;<\/span> i<\/span>++<\/span>)<\/span> {<\/span>\n        this<\/span>.<\/span>elements<\/span>.<\/span>push<\/span>(<\/span>nodeLists<\/span>[<\/span>i<\/span>]<\/span>)<\/span>;<\/span>\n    }<\/span>\n    return<\/span> this<\/span>;<\/span>\n}<\/span>\n\nJQuery<\/span>.<\/span>prototype<\/span> =<\/span> {<\/span>\n    eq<\/span>: function<\/span>(<\/span>num<\/span>)<\/span>{<\/span>\n        this<\/span>.<\/span>elements<\/span> =<\/span> [<\/span>this<\/span>.<\/span>elements<\/span>[<\/span>num<\/span>]<\/span>]<\/span>;<\/span>\n        return<\/span> this<\/span>;<\/span>\n    }<\/span>,<\/span>\n    css<\/span>: function<\/span>(<\/span>prop<\/span>,<\/span> val<\/span>)<\/span> {<\/span>\n        this<\/span>.<\/span>elements<\/span>.<\/span>forEach<\/span>(<\/span>function<\/span>(<\/span>el<\/span>)<\/span>{<\/span>\n            el<\/span>.<\/span>style<\/span>[<\/span>prop<\/span>]<\/span> =<\/span> val<\/span>;<\/span>\n        }<\/span>)<\/span>\n        return<\/span> this<\/span>;<\/span>\n    }<\/span>,<\/span>\n    show<\/span>: function<\/span>(<\/span>)<\/span> {<\/span>\n        this<\/span>.<\/span>css<\/span>(<\/span>'display'<\/span>,<\/span> 'block'<\/span>)<\/span>;<\/span>\n        return<\/span> this<\/span>;<\/span>\n    }<\/span>\n\n}<\/span>\n\nwindow<\/span>.<\/span>$<\/span> =<\/span> function<\/span>(<\/span>selector<\/span>)<\/span>{<\/span>\n    return<\/span> new<\/span> JQuery<\/span>(<\/span>selector<\/span>)<\/span>\n}<\/span>\n\n$<\/span>(<\/span>\"div\"<\/span>)<\/span>.<\/span>eq<\/span>(<\/span>0<\/span>)<\/span>.<\/span>css<\/span>(<\/span>\"width\"<\/span>,<\/span> \"200px\"<\/span>)<\/span>.<\/span>show<\/span>(<\/span>)<\/span>;<\/span><\/pre>\n<\/div>\n
jQuery \u4e4b\u6240\u4ee5\u80fd\u5b9e\u73b0\u94fe\u5f0f\u8c03\u7528\uff0c\u5173\u952e\u5c31\u5728\u4e8e\u901a\u8fc7 return this<\/code>\uff0c\u8fd4\u56de\u8c03\u7528\u5bf9\u8c61\u3002\u518d\u7cbe\u7b80\u4e0b demo \u5c31\u662f\uff1a<\/p>\n
<\/p>\n
var<\/span> jQuery<\/span> =<\/span> {<\/span>\n    eq<\/span>: function<\/span>(<\/span>)<\/span>{<\/span>\n        console<\/span>.<\/span>log<\/span>(<\/span>'\u8c03\u7528 eq \u65b9\u6cd5'<\/span>)<\/span>;<\/span>\n        return<\/span> this<\/span>;<\/span>\n    }<\/span>,<\/span>\n    show<\/span>: function<\/span>(<\/span>)<\/span>{<\/span>\n        console<\/span>.<\/span>log<\/span>(<\/span>'\u8c03\u7528 show \u65b9\u6cd5'<\/span>)<\/span>;<\/span>\n        return<\/span> this<\/span>;<\/span>\n    }<\/span>\n}<\/span>\n\njQuery<\/span>.<\/span>eq<\/span>(<\/span>)<\/span>.<\/span>show<\/span>(<\/span>)<\/span>;<\/span><\/pre>\n<\/div>\n
_.chain<\/h2>\n
\u5728 underscore \u4e2d\uff0c\u9ed8\u8ba4\u4e0d\u4f7f\u7528\u94fe\u5f0f\u8c03\u7528\uff0c\u4f46\u662f\u5982\u679c\u4f60\u60f3\u4f7f\u7528\u94fe\u5f0f\u8c03\u7528\uff0c\u4f60\u53ef\u4ee5\u901a\u8fc7 _.chain \u51fd\u6570\u5b9e\u73b0\uff1a<\/p>\n
<\/p>\n
_<\/span>.<\/span>chain<\/span>(<\/span>[<\/span>1<\/span>,<\/span> 2<\/span>,<\/span> 3<\/span>,<\/span> 4<\/span>]<\/span>)<\/span>\n.<\/span>filter<\/span>(<\/span>function<\/span>(<\/span>num<\/span>)<\/span> {<\/span> return<\/span> num<\/span> %<\/span> 2<\/span> ==<\/span> 0<\/span>;<\/span> }<\/span>)<\/span>\n.<\/span>map<\/span>(<\/span>function<\/span>(<\/span>num<\/span>)<\/span> {<\/span> return<\/span> num<\/span> *<\/span> num<\/span> }<\/span>)<\/span>\n.<\/span>value<\/span>(<\/span>)<\/span>;<\/span> \/\/ [4, 16]<\/span><\/pre>\n<\/div>\n
\u6211\u4eec\u770b\u770b _.chain \u8fd9\u4e2a\u65b9\u6cd5\u90fd\u505a\u4e86\u4ec0\u4e48\uff1a<\/p>\n
<\/p>\n
_<\/span>.<\/span>chain<\/span> =<\/span> function<\/span> (<\/span>obj<\/span>)<\/span> {<\/span>\n    var<\/span> instance<\/span> =<\/span> _<\/span>(<\/span>obj<\/span>)<\/span>;<\/span>\n    instance<\/span>.<\/span>_chain<\/span> =<\/span> true<\/span>;<\/span>\n    return<\/span> instance<\/span>;<\/span>\n}<\/span>;<\/span><\/pre>\n<\/div>\n
\u6211\u4eec\u4ee5 [1, 2, 3] \u4e3a\u4f8b\uff0c_.chain([1, 2, 3]) \u4f1a\u8fd4\u56de\u4e00\u4e2a\u5bf9\u8c61\uff1a<\/p>\n
<\/p>\n
{<\/span>\n    _chain<\/span>: true<\/span>,<\/span>\n    _wrapped<\/span>: [<\/span>1<\/span>,<\/span> 2<\/span>,<\/span> 3<\/span>]<\/span>\n}<\/span><\/pre>\n<\/div>\n
\u8be5\u5bf9\u8c61\u7684\u539f\u578b\u4e0a\u6709\u7740 underscore \u7684\u5404\u79cd\u65b9\u6cd5\uff0c\u6211\u4eec\u53ef\u4ee5\u76f4\u63a5\u8c03\u7528\u8fd9\u4e9b\u65b9\u6cd5\u3002<\/p>\n
\u4f46\u662f\u95ee\u9898\u5728\u4e8e\u539f\u578b\u4e0a\u7684\u8fd9\u4e9b\u65b9\u6cd5\u5e76\u6ca1\u6709\u50cf jQuery \u4e00\u6837\uff0c\u8fd4\u56de this \uff0c\u6240\u4ee5\u5982\u679c\u4f60\u8c03\u7528\u4e86\u4e00\u6b21\u65b9\u6cd5\uff0c\u5c31\u65e0\u6cd5\u63a5\u7740\u8c03\u7528\u5176\u4ed6\u65b9\u6cd5\u4e86\u2026\u2026<\/p>\n
\u4f46\u662f\u8bd5\u60f3\u4e0b\uff0c\u6211\u4eec\u5c06\u51fd\u6570\u7684\u8fd4\u56de\u503c\u4f5c\u4e3a\u53c2\u6570\u518d\u4f20\u5165 _.chain<\/code> \u51fd\u6570\u4e2d\uff0c\u4e0d\u5c31\u53ef\u4ee5\u63a5\u7740\u8c03\u7528\u5176\u4ed6\u65b9\u6cd5\u4e86\uff1f<\/p>\n
\u5199\u4e00\u4e2a\u7cbe\u7b80\u7684 Demo:<\/p>\n
<\/p>\n
var<\/span> _<\/span> =<\/span> function<\/span>(<\/span>obj<\/span>)<\/span> {<\/span>\n    if<\/span> (<\/span>!<\/span>(<\/span>this<\/span> instanceof<\/span> _<\/span>)<\/span>)<\/span> return<\/span> new<\/span> _<\/span>(<\/span>obj<\/span>)<\/span>;<\/span>\n    this<\/span>.<\/span>_wrapped<\/span> =<\/span> obj<\/span>;<\/span>\n}<\/span>;<\/span>\n\n_<\/span>.<\/span>chain<\/span> =<\/span> function<\/span> (<\/span>obj<\/span>)<\/span> {<\/span>\n    var<\/span> instance<\/span> =<\/span> _<\/span>(<\/span>obj<\/span>)<\/span>;<\/span>\n    instance<\/span>.<\/span>_chain<\/span> =<\/span> true<\/span>;<\/span>\n    return<\/span> instance<\/span>;<\/span>\n}<\/span>;<\/span>\n\n_<\/span>.<\/span>prototype<\/span>.<\/span>push<\/span> =<\/span> function<\/span>(<\/span>num<\/span>)<\/span> {<\/span>\n    this<\/span>.<\/span>_wrapped<\/span>.<\/span>push<\/span>(<\/span>num<\/span>)<\/span>;<\/span>\n    return<\/span> this<\/span>.<\/span>_wrapped<\/span>\n}<\/span>\n\n_<\/span>.<\/span>prototype<\/span>.<\/span>shift<\/span> =<\/span> function<\/span>(<\/span>num<\/span>)<\/span> {<\/span>\n    this<\/span>.<\/span>_wrapped<\/span>.<\/span>shift<\/span>(<\/span>)<\/span>\n    return<\/span> this<\/span>.<\/span>_wrapped<\/span>\n}<\/span>\n\nvar<\/span> res<\/span> =<\/span> _<\/span>.<\/span>chain<\/span>(<\/span>[<\/span>1<\/span>,<\/span> 2<\/span>,<\/span> 3<\/span>]<\/span>)<\/span>.<\/span>push<\/span>(<\/span>4<\/span>)<\/span>;<\/span>\n\/\/ \u5c06\u4e0a\u4e00\u4e2a\u51fd\u6570\u7684\u8fd4\u56de\u503c\uff0c\u4f20\u5165 _.chain\uff0c\u7136\u540e\u518d\u7ee7\u7eed\u8c03\u7528\u5176\u4ed6\u51fd\u6570<\/span>\nvar<\/span> res2<\/span> =<\/span> _<\/span>.<\/span>chain<\/span>(<\/span>res<\/span>)<\/span>.<\/span>shift<\/span>(<\/span>)<\/span>;<\/span>\n\nconsole<\/span>.<\/span>log<\/span>(<\/span>res2<\/span>)<\/span>;<\/span> \/\/ [2, 3, 4]<\/span><\/pre>\n<\/div>\n
\u7136\u800c\u8fd9\u4e5f\u592a\u590d\u6742\u4e86\u5427\uff0c\u96be\u9053 chain \u8fd9\u4e2a\u8fc7\u7a0b\u4e0d\u80fd\u662f\u81ea\u52a8\u5316\u7684\u5417\uff1f\u5982\u679c\u6211\u662f\u5f00\u53d1\u8005\uff0c\u6211\u80af\u5b9a\u5e0c\u671b\u76f4\u63a5\u5199\u6210\uff1a<\/p>\n
\n
_<\/span>.<\/span>chain<\/span>(<\/span>[<\/span>1<\/span>,<\/span> 2<\/span>,<\/span> 3<\/span>]<\/span>)<\/span>.<\/span>push<\/span>(<\/span>4<\/span>)<\/span>.<\/span>shift<\/span>(<\/span>)<\/span><\/pre>\n<\/div>\n
\u6240\u4ee5\u6211\u4eec\u518d\u4f18\u5316\u4e00\u4e0b\u5b9e\u73b0\u65b9\u5f0f\uff1a<\/p>\n
<\/p>\n
var<\/span> _<\/span> =<\/span> function<\/span>(<\/span>obj<\/span>)<\/span> {<\/span>\n    if<\/span> (<\/span>!<\/span>(<\/span>this<\/span> instanceof<\/span> _<\/span>)<\/span>)<\/span> return<\/span> new<\/span> _<\/span>(<\/span>obj<\/span>)<\/span>;<\/span>\n    this<\/span>.<\/span>_wrapped<\/span> =<\/span> obj<\/span>;<\/span>\n}<\/span>;<\/span>\n\nvar<\/span> chainResult<\/span> =<\/span> function<\/span> (<\/span>instance<\/span>,<\/span> obj<\/span>)<\/span> {<\/span>\n    return<\/span> instance<\/span>.<\/span>_chain<\/span> ? _<\/span>.<\/span>chain<\/span>(<\/span>obj<\/span>)<\/span> : obj<\/span>;<\/span>\n}<\/span>;<\/span>\n\n_<\/span>.<\/span>chain<\/span> =<\/span> function<\/span> (<\/span>obj<\/span>)<\/span> {<\/span>\n    var<\/span> instance<\/span> =<\/span> _<\/span>(<\/span>obj<\/span>)<\/span>;<\/span>\n    instance<\/span>.<\/span>_chain<\/span> =<\/span> true<\/span>;<\/span>\n    return<\/span> instance<\/span>;<\/span>\n}<\/span>;<\/span>\n\n_<\/span>.<\/span>prototype<\/span>.<\/span>push<\/span> =<\/span> function<\/span>(<\/span>num<\/span>)<\/span> {<\/span>\n    this<\/span>.<\/span>_wrapped<\/span>.<\/span>push<\/span>(<\/span>num<\/span>)<\/span>;<\/span>\n    return<\/span> chainResult<\/span>(<\/span>this<\/span>,<\/span> this<\/span>.<\/span>_wrapped<\/span>)<\/span>\n}<\/span>\n\n_<\/span>.<\/span>prototype<\/span>.<\/span>shift<\/span> =<\/span> function<\/span>(<\/span>)<\/span> {<\/span>\n    this<\/span>.<\/span>_wrapped<\/span>.<\/span>shift<\/span>(<\/span>)<\/span>;<\/span>\n    return<\/span> chainResult<\/span>(<\/span>this<\/span>,<\/span> this<\/span>.<\/span>_wrapped<\/span>)<\/span>\n}<\/span>\n\nvar<\/span> res<\/span> =<\/span> _<\/span>.<\/span>chain<\/span>(<\/span>[<\/span>1<\/span>,<\/span> 2<\/span>,<\/span> 3<\/span>]<\/span>)<\/span>.<\/span>push<\/span>(<\/span>4<\/span>)<\/span>.<\/span>shift<\/span>(<\/span>)<\/span>;<\/span>\n\nconsole<\/span>.<\/span>log<\/span>(<\/span>res<\/span>.<\/span>_wrapped<\/span>)<\/span>;<\/span><\/pre>\n<\/div>\n
\u6211\u4eec\u5728\u6bcf\u4e2a\u51fd\u6570\u4e2d\uff0c\u90fd\u7528 chainResult \u5c06\u51fd\u6570\u7684\u8fd4\u56de\u503c\u5305\u88f9\u4e00\u904d\uff0c\u518d\u751f\u6210\u4e00\u4e2a\u7c7b\u4f3c\u4ee5\u4e0b\u8fd9\u79cd\u5f62\u5f0f\u7684\u5bf9\u8c61\uff1a<\/p>\n
<\/p>\n
{<\/span>\n    _wrapped: some<\/span> value<\/span>,<\/span> \n    _chain<\/span>: true<\/span>\n}<\/span><\/pre>\n<\/div>\n
\u8be5\u5bf9\u8c61\u7684\u539f\u578b\u4e0a\u6709\u5404\u79cd\u51fd\u6570\uff0c\u800c\u8fd9\u4e9b\u51fd\u6570\u7684\u8fd4\u56de\u503c\u4f5c\u4e3a\u53c2\u6570\u4f20\u5165\u4e86 chainResult\uff0c\u8be5\u51fd\u6570\u53c8\u4f1a\u8fd4\u56de\u8fd9\u6837\u4e00\u4e2a\u5bf9\u8c61\uff0c\u51fd\u6570\u7684\u8fd4\u56de\u503c\u5c31\u4fdd\u5b58\u5728 _wrapped \u4e2d\uff0c\u8fd9\u6837\u5c31\u5b9e\u73b0\u4e86\u94fe\u5f0f\u8c03\u7528\u3002<\/p>\n
_.chain<\/code>\u94fe\u5f0f\u8c03\u7528\u539f\u7406\u5c31\u662f\u8fd9\u6837\uff0c\u53ef\u662f\u8fd9\u6837\u7684\u8bdd\uff0c\u6211\u4eec\u9700\u8981\u5bf9\u6bcf\u4e2a\u51fd\u6570\u90fd\u8fdb\u884c\u4fee\u6539\u5440\u2026\u2026<\/p>\n
\u5e78\u8fd0\u7684\u662f\uff0c\u5728 underscore \u4e2d\uff0c\u6240\u6709\u7684\u51fd\u6570\u662f\u6302\u8f7d\u5230 _<\/code> \u51fd\u6570\u5bf9\u8c61\u4e2d\u7684\uff0c_<\/code>.prototype \u4e0a\u7684\u51fd\u6570\u662f\u901a\u8fc7 _.mixin<\/code> \u51fd\u6570\u5c06 _<\/code> \u51fd\u6570\u5bf9\u8c61\u4e2d\u7684\u6240\u6709\u51fd\u6570\u590d\u5236\u5230 _.prototype<\/code> \u4e2d\u7684\u3002<\/p>\n
\u6240\u4ee5\u4e3a\u4e86\u5b9e\u73b0\u94fe\u5f0f\u8c03\u7528\uff0c\u6211\u4eec\u8fd8\u9700\u8981\u5bf9\u4e0a\u4e00\u7bc7\u300aunderscore \u7cfb\u5217\u4e4b\u5982\u4f55\u5199\u81ea\u5df1\u7684 underscore\u300b<\/a> \u4e2d\u7684 _.mixin<\/code> \u65b9\u6cd5\u8fdb\u884c\u4e00\u5b9a\u4fee\u6539\uff1a<\/p>\n
<\/p>\n
\/\/ \u4fee\u6539\u524d<\/span>\nvar<\/span> ArrayProto<\/span> =<\/span> Array<\/span>.<\/span>prototype<\/span>;<\/span>\nvar<\/span> push<\/span> =<\/span> ArrayProto<\/span>.<\/span>push<\/span>;<\/span>\n\n_<\/span>.<\/span>mixin<\/span> =<\/span> function<\/span>(<\/span>obj<\/span>)<\/span> {<\/span>\n    _<\/span>.<\/span>each<\/span>(<\/span>_<\/span>.<\/span>functions<\/span>(<\/span>obj<\/span>)<\/span>,<\/span> function<\/span>(<\/span>name<\/span>)<\/span> {<\/span>\n        var<\/span> func<\/span> =<\/span> _<\/span>[<\/span>name<\/span>]<\/span> =<\/span> obj<\/span>[<\/span>name<\/span>]<\/span>;<\/span>\n        _<\/span>.<\/span>prototype<\/span>[<\/span>name<\/span>]<\/span> =<\/span> function<\/span>(<\/span>)<\/span> {<\/span>\n            var<\/span> args<\/span> =<\/span> [<\/span>this<\/span>.<\/span>_wrapped<\/span>]<\/span>;<\/span>\n            push<\/span>.<\/span>apply<\/span>(<\/span>args<\/span>,<\/span> arguments<\/span>)<\/span>;<\/span>\n            return<\/span> func<\/span>.<\/span>apply<\/span>(<\/span>_<\/span>,<\/span> args<\/span>)<\/span>;<\/span>\n        }<\/span>;<\/span>\n    }<\/span>)<\/span>;<\/span>\n    return<\/span> _<\/span>;<\/span>\n}<\/span>;<\/span>\n\n_<\/span>.<\/span>mixin<\/span>(<\/span>_<\/span>)<\/span>;<\/span><\/pre>\n<\/div>\n
<\/p>\n
\/\/ \u4fee\u6539\u540e<\/span>\nvar<\/span> ArrayProto<\/span> =<\/span> Array<\/span>.<\/span>prototype<\/span>;<\/span>\nvar<\/span> push<\/span> =<\/span> ArrayProto<\/span>.<\/span>push<\/span>;<\/span>\n\nvar<\/span> chainResult<\/span> =<\/span> function<\/span> (<\/span>instance<\/span>,<\/span> obj<\/span>)<\/span> {<\/span>\n    return<\/span> instance<\/span>.<\/span>_chain<\/span> ? _<\/span>(<\/span>obj<\/span>)<\/span>.<\/span>chain<\/span>(<\/span>)<\/span> : obj<\/span>;<\/span>\n}<\/span>;<\/span>\n\n_<\/span>.<\/span>mixin<\/span> =<\/span> function<\/span>(<\/span>obj<\/span>)<\/span> {<\/span>\n    _<\/span>.<\/span>each<\/span>(<\/span>_<\/span>.<\/span>functions<\/span>(<\/span>obj<\/span>)<\/span>,<\/span> function<\/span>(<\/span>name<\/span>)<\/span> {<\/span>\n        var<\/span> func<\/span> =<\/span> _<\/span>[<\/span>name<\/span>]<\/span> =<\/span> obj<\/span>[<\/span>name<\/span>]<\/span>;<\/span>\n        _<\/span>.<\/span>prototype<\/span>[<\/span>name<\/span>]<\/span> =<\/span> function<\/span>(<\/span>)<\/span> {<\/span>\n            var<\/span> args<\/span> =<\/span> [<\/span>this<\/span>.<\/span>_wrapped<\/span>]<\/span>;<\/span>\n            push<\/span>.<\/span>apply<\/span>(<\/span>args<\/span>,<\/span> arguments<\/span>)<\/span>;<\/span>\n            return<\/span> chainResult<\/span>(<\/span>this<\/span>,<\/span> func<\/span>.<\/span>apply<\/span>(<\/span>_<\/span>,<\/span> args<\/span>)<\/span>)<\/span>;<\/span>\n        }<\/span>;<\/span>\n    }<\/span>)<\/span>;<\/span>\n    return<\/span> _<\/span>;<\/span>\n}<\/span>;<\/span>\n\n_<\/span>.<\/span>mixin<\/span>(<\/span>_<\/span>)<\/span>;<\/span><\/pre>\n<\/div>\n
_.value<\/h2>\n
\u6839\u636e\u4e0a\u9762\u7684\u5206\u6790\u8fc7\u7a0b\uff0c\u6211\u4eec\u77e5\u9053\u5982\u679c\u6211\u4eec\u6253\u5370\uff1a<\/p>\n
\n
console<\/span>.<\/span>log<\/span>(<\/span>_<\/span>.<\/span>chain<\/span>(<\/span>[<\/span>1<\/span>,<\/span> 2<\/span>,<\/span> 3<\/span>]<\/span>)<\/span>.<\/span>push<\/span>(<\/span>4<\/span>)<\/span>.<\/span>shift<\/span>(<\/span>)<\/span>)<\/span>;<\/span><\/pre>\n<\/div>\n
\u5176\u5b9e\u4f1a\u6253\u5370\u4e00\u4e2a\u5bf9\u8c61 {_chain: true, _wrapped: [2, 3, 4] }<\/code><\/p>\n
\u53ef\u662f\u6211\u5e0c\u671b\u83b7\u5f97\u503c\u662f [2, 3, 4] \u5440\uff01<\/p>\n
\u6240\u4ee5\uff0c\u6211\u4eec\u8fd8\u9700\u8981\u63d0\u4f9b\u4e00\u4e2a value \u65b9\u6cd5\uff0c\u5f53\u6267\u884c value \u65b9\u6cd5\u7684\u65f6\u5019\uff0c\u5c31\u8fd4\u56de\u5f53\u524d _wrapped \u7684\u503c\u3002<\/p>\n
<\/p>\n
_<\/span>.<\/span>prototype<\/span>.<\/span>value<\/span> =<\/span> function<\/span>(<\/span>)<\/span> {<\/span>\n    return<\/span> this<\/span>.<\/span>_wrapped<\/span>;<\/span>\n}<\/span>;<\/span><\/pre>\n<\/div>\n
\u6b64\u65f6\u8c03\u7528\u65b9\u5f0f\u4e3a\uff1a<\/p>\n
<\/p>\n
var<\/span> arr<\/span> =<\/span> _<\/span>.<\/span>chain<\/span>(<\/span>[<\/span>1<\/span>,<\/span> 2<\/span>,<\/span> 3<\/span>]<\/span>)<\/span>.<\/span>push<\/span>(<\/span>4<\/span>)<\/span>.<\/span>shift<\/span>(<\/span>)<\/span>.<\/span>value<\/span>(<\/span>)<\/span>;<\/span>\nconsole<\/span>.<\/span>log<\/span>(<\/span>arr<\/span>)<\/span> \/\/ [2, 3, 4]<\/span><\/pre>\n<\/div>\n
\u6700\u7ec8\u4ee3\u7801<\/h2>\n
\u7ed3\u5408\u4e0a\u4e00\u7bc7\u6587\u7ae0<\/a>\uff0c\u6700\u7ec8\u7684 underscore \u4ee3\u7801\u7ec4\u7ec7\u7ed3\u6784\u5982\u4e0b\uff1a<\/p>\n
<\/p>\n
(<\/span>function<\/span>(<\/span>)<\/span> {<\/span>\n\n    var<\/span> root<\/span> =<\/span> (<\/span>typeof<\/span> self<\/span> ==<\/span> 'object'<\/span> &&<\/span> self<\/span>.<\/span>self<\/span> ==<\/span> self<\/span> &&<\/span> self<\/span>)<\/span> ||<\/span>\n        (<\/span>typeof<\/span> global<\/span> ==<\/span> 'object'<\/span> &&<\/span> global<\/span>.<\/span>global<\/span> ==<\/span> global<\/span> &&<\/span> global<\/span>)<\/span> ||<\/span>\n        this<\/span> ||<\/span> {<\/span>}<\/span>;<\/span>\n\n    var<\/span> ArrayProto<\/span> =<\/span> Array<\/span>.<\/span>prototype<\/span>;<\/span>\n\n    var<\/span> push<\/span> =<\/span> ArrayProto<\/span>.<\/span>push<\/span>;<\/span>\n\n    var<\/span> _<\/span> =<\/span> function<\/span>(<\/span>obj<\/span>)<\/span> {<\/span>\n        if<\/span> (<\/span>obj<\/span> instanceof<\/span> _<\/span>)<\/span> return<\/span> obj<\/span>;<\/span>\n        if<\/span> (<\/span>!<\/span>(<\/span>this<\/span> instanceof<\/span> _<\/span>)<\/span>)<\/span> return<\/span> new<\/span> _<\/span>(<\/span>obj<\/span>)<\/span>;<\/span>\n        this<\/span>.<\/span>_wrapped<\/span> =<\/span> obj<\/span>;<\/span>\n    }<\/span>;<\/span>\n\n    if<\/span> (<\/span>typeof<\/span> exports<\/span> !=<\/span> 'undefined'<\/span> &&<\/span> !<\/span>exports<\/span>.<\/span>nodeType<\/span>)<\/span> {<\/span>\n        if<\/span> (<\/span>typeof<\/span> module<\/span> !=<\/span> 'undefined'<\/span> &&<\/span> !<\/span>module<\/span>.<\/span>nodeType<\/span> &&<\/span> module<\/span>.<\/span>exports<\/span>)<\/span> {<\/span>\n            exports<\/span> =<\/span> module<\/span>.<\/span>exports<\/span> =<\/span> _<\/span>;<\/span>\n        }<\/span>\n        exports<\/span>.<\/span>_<\/span> =<\/span> _<\/span>;<\/span>\n    }<\/span> else<\/span> {<\/span>\n        root<\/span>.<\/span>_<\/span> =<\/span> _<\/span>;<\/span>\n    }<\/span>\n\n    _<\/span>.<\/span>VERSION<\/span> =<\/span> '0.2'<\/span>;<\/span>\n\n    var<\/span> MAX_ARRAY_INDEX<\/span> =<\/span> Math<\/span>.<\/span>pow<\/span>(<\/span>2<\/span>,<\/span> 53<\/span>)<\/span> -<\/span> 1<\/span>;<\/span>\n\n    var<\/span> isArrayLike<\/span> =<\/span> function<\/span>(<\/span>collection<\/span>)<\/span> {<\/span>\n        var<\/span> length<\/span> =<\/span> collection<\/span>.<\/span>length<\/span>;<\/span>\n        return<\/span> typeof<\/span> length<\/span> ==<\/span> 'number'<\/span> &&<\/span> length<\/span> >=<\/span> 0<\/span> &&<\/span> length<\/span> <=<\/span> MAX_ARRAY_INDEX<\/span>;<\/span>\n    }<\/span>;<\/span>\n\n    _<\/span>.<\/span>each<\/span> =<\/span> function<\/span>(<\/span>obj<\/span>,<\/span> callback<\/span>)<\/span> {<\/span>\n        var<\/span> length<\/span>,<\/span> i<\/span> =<\/span> 0<\/span>;<\/span>\n\n        if<\/span> (<\/span>isArrayLike<\/span>(<\/span>obj<\/span>)<\/span>)<\/span> {<\/span>\n            length<\/span> =<\/span> obj<\/span>.<\/span>length<\/span>;<\/span>\n            for<\/span> (<\/span>;<\/span> i<\/span> <<\/span> length<\/span>;<\/span> i<\/span>++<\/span>)<\/span> {<\/span>\n                if<\/span> (<\/span>callback<\/span>.<\/span>call<\/span>(<\/span>obj<\/span>[<\/span>i<\/span>]<\/span>,<\/span> obj<\/span>[<\/span>i<\/span>]<\/span>,<\/span> i<\/span>)<\/span> ===<\/span> false<\/span>)<\/span> {<\/span>\n                    break<\/span>;<\/span>\n                }<\/span>\n            }<\/span>\n        }<\/span> else<\/span> {<\/span>\n            for<\/span> (<\/span>i<\/span> in<\/span> obj<\/span>)<\/span> {<\/span>\n                if<\/span> (<\/span>callback<\/span>.<\/span>call<\/span>(<\/span>obj<\/span>[<\/span>i<\/span>]<\/span>,<\/span> obj<\/span>[<\/span>i<\/span>]<\/span>,<\/span> i<\/span>)<\/span> ===<\/span> false<\/span>)<\/span> {<\/span>\n                    break<\/span>;<\/span>\n                }<\/span>\n            }<\/span>\n        }<\/span>\n\n        return<\/span> obj<\/span>;<\/span>\n    }<\/span>\n\n    _<\/span>.<\/span>isFunction<\/span> =<\/span> function<\/span>(<\/span>obj<\/span>)<\/span> {<\/span>\n        return<\/span> typeof<\/span> obj<\/span> ==<\/span> 'function'<\/span> ||<\/span> false<\/span>;<\/span>\n    }<\/span>;<\/span>\n\n    _<\/span>.<\/span>functions<\/span> =<\/span> function<\/span>(<\/span>obj<\/span>)<\/span> {<\/span>\n        var<\/span> names<\/span> =<\/span> [<\/span>]<\/span>;<\/span>\n        for<\/span> (<\/span>var<\/span> key<\/span> in<\/span> obj<\/span>)<\/span> {<\/span>\n            if<\/span> (<\/span>_<\/span>.<\/span>isFunction<\/span>(<\/span>obj<\/span>[<\/span>key<\/span>]<\/span>)<\/span>)<\/span> names<\/span>.<\/span>push<\/span>(<\/span>key<\/span>)<\/span>;<\/span>\n        }<\/span>\n        return<\/span> names<\/span>.<\/span>sort<\/span>(<\/span>)<\/span>;<\/span>\n    }<\/span>;<\/span>\n\n    \/**<\/span>\n     * \u5728 _.mixin(_) \u524d\u6dfb\u52a0\u81ea\u5df1\u5b9a\u4e49\u7684\u65b9\u6cd5<\/span>\n     *\/<\/span>\n    _<\/span>.<\/span>reverse<\/span> =<\/span> function<\/span>(<\/span>string<\/span>)<\/span>{<\/span>\n        return<\/span> string<\/span>.<\/span>split<\/span>(<\/span>''<\/span>)<\/span>.<\/span>reverse<\/span>(<\/span>)<\/span>.<\/span>join<\/span>(<\/span>''<\/span>)<\/span>;<\/span>\n    }<\/span>\n\n    _<\/span>.<\/span>chain<\/span> =<\/span> function<\/span>(<\/span>obj<\/span>)<\/span> {<\/span>\n        var<\/span> instance<\/span> =<\/span> _<\/span>(<\/span>obj<\/span>)<\/span>;<\/span>\n        instance<\/span>.<\/span>_chain<\/span> =<\/span> true<\/span>;<\/span>\n        return<\/span> instance<\/span>;<\/span>\n    }<\/span>;<\/span>\n\n    var<\/span> chainResult<\/span> =<\/span> function<\/span>(<\/span>instance<\/span>,<\/span> obj<\/span>)<\/span> {<\/span>\n        return<\/span> instance<\/span>.<\/span>_chain<\/span> ? _<\/span>(<\/span>obj<\/span>)<\/span>.<\/span>chain<\/span>(<\/span>)<\/span> : obj<\/span>;<\/span>\n    }<\/span>;<\/span>\n\n    _<\/span>.<\/span>mixin<\/span> =<\/span> function<\/span>(<\/span>obj<\/span>)<\/span> {<\/span>\n        _<\/span>.<\/span>each<\/span>(<\/span>_<\/span>.<\/span>functions<\/span>(<\/span>obj<\/span>)<\/span>,<\/span> function<\/span>(<\/span>name<\/span>)<\/span> {<\/span>\n            var<\/span> func<\/span> =<\/span> _<\/span>[<\/span>name<\/span>]<\/span> =<\/span> obj<\/span>[<\/span>name<\/span>]<\/span>;<\/span>\n            _<\/span>.<\/span>prototype<\/span>[<\/span>name<\/span>]<\/span> =<\/span> function<\/span>(<\/span>)<\/span> {<\/span>\n                var<\/span> args<\/span> =<\/span> [<\/span>this<\/span>.<\/span>_wrapped<\/span>]<\/span>;<\/span>\n                push<\/span>.<\/span>apply<\/span>(<\/span>args<\/span>,<\/span> arguments<\/span>)<\/span>;<\/span>\n                return<\/span> chainResult<\/span>(<\/span>this<\/span>,<\/span> func<\/span>.<\/span>apply<\/span>(<\/span>_<\/span>,<\/span> args<\/span>)<\/span>)<\/span>;<\/span>\n            }<\/span>;<\/span>\n        }<\/span>)<\/span>;<\/span>\n        return<\/span> _<\/span>;<\/span>\n    }<\/span>;<\/span>\n\n    _<\/span>.<\/span>mixin<\/span>(<\/span>_<\/span>)<\/span>;<\/span>\n\n    _<\/span>.<\/span>prototype<\/span>.<\/span>value<\/span> =<\/span> function<\/span> (<\/span>)<\/span> {<\/span>\n        return<\/span> this<\/span>.<\/span>_wrapped<\/span>;<\/span>\n    }<\/span>;<\/span>\n\n}<\/span>)<\/span>(<\/span>)<\/span><\/pre>\n<\/div>\n
underscore \u7cfb\u5217<\/h2>\n
underscore \u7cfb\u5217\u76ee\u5f55\u5730\u5740\uff1ahttps:\/\/github.com\/mqyqingfeng\/Blog<\/a>\u3002<\/p>\n
underscore \u7cfb\u5217\u9884\u8ba1\u5199\u516b\u7bc7\u5de6\u53f3\uff0c\u91cd\u70b9\u4ecb\u7ecd underscore \u4e2d\u7684\u4ee3\u7801\u67b6\u6784\u3001\u94fe\u5f0f\u8c03\u7528\u3001\u5185\u90e8\u51fd\u6570\u3001\u6a21\u677f\u5f15\u64ce\u7b49\u5185\u5bb9\uff0c\u65e8\u5728\u5e2e\u52a9\u5927\u5bb6\u9605\u8bfb\u6e90\u7801\uff0c\u4ee5\u53ca\u5199\u51fa\u81ea\u5df1\u7684 undercore\u3002<\/p>\n
\u5982\u679c\u6709\u9519\u8bef\u6216\u8005\u4e0d\u4e25\u8c28\u7684\u5730\u65b9\uff0c\u8bf7\u52a1\u5fc5\u7ed9\u4e88\u6307\u6b63\uff0c\u5341\u5206\u611f\u8c22\u3002\u5982\u679c\u559c\u6b22\u6216\u8005\u6709\u6240\u542f\u53d1\uff0c\u6b22\u8fcestar\uff0c\u5bf9\u4f5c\u8005\u4e5f\u662f\u4e00\u79cd\u9f13\u52b1\u3002<\/p>\n<\/td>\n
\u6587\u7ae0\u8f6c\u8f7d\u81eahttps:\/\/github.com\/mqyqingfeng\/Blog\/issues\/57<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"
\u524d\u8a00 \u672c\u6587\u63a5\u7740\u4e0a\u7bc7\u300aunderscore \u7cfb\u5217\u4e4b\u5982\u4f55\u5199\u81ea\u5df1\u7684 underscore\u300b\uff0c\u9605\u8bfb\u672c\u7bc7\u524d\uff0c\u5e0c\u671b\u4f60\u5df2\u7ecf\u9605\u8bfb\u4e86\u4e0a\u4e00\u7bc7\u3002 jQuery \u6211\u4eec\u90fd\u77e5\u9053 jQuer…<\/p>\n
 Read More  Read More<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-1370","post","type-post","status-publish","format-standard","hentry","category-learn"],"_links":{"self":[{"href":"https:\/\/www.lccc.top\/index.php?rest_route=\/wp\/v2\/posts\/1370"}],"collection":[{"href":"https:\/\/www.lccc.top\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.lccc.top\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.lccc.top\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.lccc.top\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1370"}],"version-history":[{"count":1,"href":"https:\/\/www.lccc.top\/index.php?rest_route=\/wp\/v2\/posts\/1370\/revisions"}],"predecessor-version":[{"id":1471,"href":"https:\/\/www.lccc.top\/index.php?rest_route=\/wp\/v2\/posts\/1370\/revisions\/1471"}],"wp:attachment":[{"href":"https:\/\/www.lccc.top\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1370"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.lccc.top\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1370"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.lccc.top\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1370"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}