Đối tượng tùy chỉnh Javascript là Generic

Question

Tôi đang cố gắng tối đa hóa việc sử dụng lại một số mã. Mở tùy chỉnh của tôi đối tượng javascript (Tôi sẽ sử dụng PhoneNumber làm ví dụ vì lợi ích của sự đơn giản), tôi đang thiết lập một chức năng nguyên mẫu như thế này:

var Map = { 
    write: function() { 
     alert('My object is ' +this); 
    } 
}; 

function PhoneNumber(number) { 
    this.number = number; 
} 

PhoneNumber.prototype = Map; 

//I can call the write function like so 
var phoneObject = new PhoneNumber('1234567894'); 
phoneObject.write(); //ALERT My Object is Object{number:'1234567894'} 

Tất cả mọi thứ hoạt động tốt, ngoại trừ một thực tế rằng đối với một số lý do nó quay đối tượng Số điện thoại của tôi thành một đối tượng chung thay vì giữ hàm tạo PhoneNumber của nó. Nếu tôi thực sự đặt chức năng ghi bên trong các nguyên mẫu đối tượng như thế này, nó hoạt động hoàn hảo.

function PhoneNumber(number) { 
    this.number = number; 
} 

PhoneNumber.prototype.write = function() { 
    alert('My object is ' +this); 
} 

var phoneObject = new PhoneNumber('1234567894'); 
phoneObject.write(); //ALERT My object is PhoneNumber{number:'1234567894'} 

Nhưng tôi thực sự không phải làm theo cách này vì nhiều đối tượng sử dụng chức năng ghi và tất cả đều thực hiện theo cùng một cách chính xác. Làm thế nào tôi có thể tránh các đối tượng của tôi chuyển đổi mình thành các nhà xây dựng chung? Rõ ràng tôi đang thiết lập đối tượng Map trên nguyên mẫu một cách sai, nhưng nó khá quan trọng là tôi không phải sao chép mã trực tiếp từ Map vào hàm nguyên mẫu đối tượng. Bất kỳ ý tưởng?

Answer 1

Bạn quên thiết lập PhoneNumber.prototype.constructor

Khi bạn làm PhoneNumber.prototype = Map bạn phá hủy tài sản constructor

PhoneNumber.prototype = Map; 
PhoneNumber.prototype.constructor = PhoneNumber; 

Tất nhiên điều đó sẽ không làm việc vì bạn chỉ làm Map.constructor = PhoneNumber mà phá vỡ nếu bạn sử dụng Map như nhiều mẫu . Vì vậy, bạn chỉ nên có PhoneNumber kế thừa từ bản đồ

PhoneNumber.prototype = Object.create(Map, { 
    constructor: { value: PhoneNumber } 
}); 

Answer 2

Tôi nhận được My object is [object Object] với cả hai phiên bản trong Firefox.

Bạn có thể muốn xem xét bài cũ này:

How do I get the name of an object's type in JavaScript?

cách cụ thể, phần về các nhà xây dựng và kiểm tra các loại đối tượng sử dụng instanceof. Hãy nhớ rằng không có thứ gì như một lớp trong JavaScript, vì vậy khi bạn khởi tạo một đối tượng, nó thực sự không có ý nghĩa của 'type', và những thứ như instanceof là loại hacks để giải quyết vấn đề này.

Answer 3

Dường như đối tượng được trả về là PhoneNumber mà không cần phương thức toString. Hãy thử điều này:

var Map = { 
    write: function() { 
     alert('My object is ' +this); 
    } 
}; 

function PhoneNumber(number) { 
    this.number = number; 
    this.toString = function(){return "PhoneNumber"} 
} 

PhoneNumber.prototype = Map; 

//I can call the write function like so 
var phoneObject = new PhoneNumber('1234567894'); 
phoneObject.write(); //ALERT My Object is Object{number:'1234567894'} 

Answer 4

function PhoneNumber(number) { 
    this.number = number; 
} 
var Map={ 
    write:function(){   
     console.log('My object is ' +this.number); 
    } 
} 
PhoneNumber.prototype.write = Map.write; 

var phoneObject = new PhoneNumber(1234567894); 
phoneObject.write(); 

hoạt động tại đây. nhưng ở đây, Bằng bất cứ cách nào bạn cần phải nói cho đối tượng Map rằng Object có số là biến của nó.