Đệ quy/mở rộng/phân bổ sâu trong Underscore.js?

Question

Có cách nào để có được Underscore.js extend chức năng:

Sao chép tất cả các tài sản trong các đối tượng nguồn giao cho đối tượng đích, và trả lại đối tượng đích. Theo thứ tự, để nguồn cuối cùng sẽ ghi đè các thuộc tính có cùng tên trong các đối số trước đó là .

... để hoạt động đệ quy?

Trên thực tế, query tài sản trong creditOperation sẽ hoàn toàn ghi đè query tài sản quy định tại baseOperation:

var url = require('url') 
    , _ = require('underscore'), 
    , baseOperation = { 
     host: 'gateway.skebby.it', 
     pathname: 'api/send/smseasy/advanced/http.php', 
     protocol: 'https', 
     query: { 
      'username': 'foo', 
      'password': 'bar', 
     } 
    }; 

var creditOperation = _.extend(baseOperation, { 
    query: { 
     'method': 'baz' 
    } 
}); 

console.log(url.format(creditOperation)); 

Tôi muốn để có được này creditOperation:

{ 
    host: 'gateway.skebby.it', 
    pathname: 'api/send/smseasy/advanced/http.php', 
    protocol: 'https', 
    query: { 
     'username': 'foo', 
     'password': 'bar', 
     'method': 'baz' 
    } 
} 

Answer 1

Không, Underscore will not contain a deep extend vì nó quá phức tạp để đối phó với các loại đối tượng khác nhau. Thay vào đó, người dùng được khuyến khích thực hiện các giải pháp của riêng mình với sự hỗ trợ cho những gì họ cần.

Trong trường hợp của bạn nó chỉ đối tượng đơn giản, vì vậy một thực hiện khá đơn giản:

_.deepObjectExtend = function(target, source) { 
    for (var prop in source) 
     if (prop in target) 
      _.deepObjectExtend(target[prop], source[prop]); 
     else 
      target[prop] = source[prop]; 
    return target; 
} 

Answer 2

Với Lodash (ngã ba của dấu gạch dưới) u có thể. Phương thức _.extend của Lodash chấp nhận tham số thứ ba (hoặc cao hơn) là một hàm, nhận các giá trị (cũ và mới); Vì vậy, bạn có thể làm điều gì đó như sau:

var deep = function(a, b) { 
    return _.isObject(a) && _.isObject(b) ? _.extend(a, b, deep) : b; 
}; 

var a = {a:{b:{c:1}}}, 
    b = {a:{b:{z:1}}}; 

_.extend(a,b,deep); 

upd. Như Paolo Moretti nói trong ý kiến, có chức năng tương tự trong lodash gọi _.merge:

_.merge(a,b); 

Answer 3

jQuery có chức năng extend(), mà làm điều tương tự như đối gạch dưới nó, nhưng cũng có một sâu luận cho phép nó kết hợp một cách đệ quy như bạn mong muốn:

var creditOperation = $.extend(true, baseOperation, { 
    query: { 
     'method': 'baz' 
    } 
}); 

Hoặc, nếu bạn không muốn ghi đè lên baseOperation:

var creditOperation = $.extend(true, {}, baseOperation, { 
    query: { 
     'method': 'baz' 
    } 
}); 

Answer 4

phiên bản Stand-alone của Bergi của sâu mở rộng, bao gồm các bản sửa lỗi cho khi một giá trị là một chuỗi thay vì một đối tượng. Cũng được vá để được nghiêm ngặt hơn.

function deepObjectExtend (target, source) { 
    for (var prop in source) { 
     if (source.hasOwnProperty(prop)) { 
      if (target[prop] && typeof source[prop] === 'object') { 
       deepObjectExtend(target[prop], source[prop]); 
      } 
      else { 
       target[prop] = source[prop]; 
      } 
     } 
    } 
    return target; 
} 

Answer 5

Kurt Milam đã xuất bản mixin that adds a deepExtend method to underscore.js. Nó thậm chí giao dịch với các biểu thức thông thường (nếu bạn muốn). Trích từ tài liệu:

Kết hợp bằng dấu gạch dưới.js: _.mixin({deepExtend: deepExtend});

Gọi nó như thế này: var myObj = _.deepExtend(grandparent, child, grandchild, greatgrandchild)

Ghi chú: Giữ nó khô.

Chức năng này đặc biệt hữu ích nếu bạn đang làm việc với tài liệu cấu hình JSON. Nó cho phép bạn tạo tài liệu cấu hình mặc định với cài đặt phổ biến nhất, sau đó ghi đè cài đặt cho các trường hợp cụ thể. Nó chấp nhận bất kỳ số đối tượng nào như các đối số , cho phép bạn kiểm soát chi tiết hơn cấu hình phân cấp của mình theo cấu trúc phân cấp .

Answer 6

mở rộng gạch dưới() không mở rộng sâu; như một vấn đề của thực tế, không có chức năng trong gạch dưới mà có thể mở rộng sâu.

Bạn có thể sử dụng số merge của lodash cho điều đó.