workaround __proto__ cho Internet Explorer IE 10

Question

Chúng tôi đang sử dụng một tùy chỉnh thư viện JavaScript tại nơi làm việc, nơi chúng tôi làm việc này:

DOM.__proto__ = Library.prototype; 

để nhanh chóng chuyển chức năng nội bộ/tài sản đối tượng DOM để nó có thể được sử dụng tương tự như cách Ví dụ jQuery làm điều đó.

Đối với một dự án mới, chúng tôi cần triển khai nó cho Internet Explorer nhưng tiếc là __proto__ không được hỗ trợ bởi IE.

Bất kỳ ý tưởng, giải pháp nào của các polyfills cho việc này? Yêu cầu chỉ là IE10 (nhưng IE9 cũng sẽ tốt hơn).

Answer 1

Thay vì trực tiếp mở rộng phần tử DOM như bạn đang có, bạn có thể gói nó với API của mình;

// Wrapping Constructor 
function Library(element) { 
    this.element = element; 
} 

// Whatever it is your library does 
Library.prototype = { 
    // some example method 
    html: function(markup) { 
    // refer to "this.element" instead of "this" 
    this.element.innerHTML = markup; 
    } 
}; 

// example 
var wrappedElement = new Library(document.getElementById('unique')); 

// refer to the API rather than the Element directly 
wrappedElement.html('<span>Hello World</span>'); 

Bạn cũng có thể mở rộng Thư viện thêm một số bằng cách safely subclassing Array with this technique.

Hy vọng điều này sẽ hữu ích, cảm ơn.

Answer 2

gì về mở rộng nó:

$.extend(Element.constructor.prototype, Library.prototype); 

EDIT: do công phản đối kịch liệt, tôi sẽ lưu ý rằng extend là một khái niệm rất quen thuộc trong bối cảnh của chương trình JS trong năm 2014. Bạn có thể tìm thấy nhiều ví dụ trực tuyến về nó là gì và nó hoạt động như thế nào, và có một cơ hội khá tốt, ít nhất một thư viện mà bạn đã sử dụng trong dự án của bạn thực hiện nó (jQuery, Lo-Dash/Underscore, AngularJS, Ember.js ...)

Answer 3

Thay vì gán cho __proto__ sau khi tạo 0 Đối tượng, sử dụng Object.create (MSDN, được hỗ trợ từ IE9) để tạo đối tượng có mẫu thử chính xác, sau đó gán thuộc tính cho nó.

var DOM = {}; 
DOM.__proto__ = Library.prototype;

var DOM = Object.create(Library.prototype);

Nếu bạn muốn thay đổi nguyên mẫu của hiện tại (và thậm chí nước ngoài) đối tượng, chỉ cần tránh nó. Đó là một thực tế xấu anyway.