原生对象原型

内置对象原型

1. Object.prototype

// Object.prototype 是所有对象的最终原型
const obj = {};
console.log(Object.getPrototypeOf(obj) === Object.prototype); // true

// Object.prototype 的方法
console.log(obj.toString()); // '[object Object]'
console.log(obj.valueOf()); // {}
console.log(obj.hasOwnProperty('toString')); // false

2. Array.prototype

const arr = [];
console.log(Object.getPrototypeOf(arr) === Array.prototype); // true

// Array.prototype 的方法
arr.push(1, 2, 3);
console.log(arr); // [1, 2, 3]
console.log(arr.pop()); // 3
console.log(arr.map(x => x * 2)); // [2, 4]

3. Function.prototype

function fn() {}
console.log(Object.getPrototypeOf(fn) === Function.prototype); // true

// Function.prototype 的方法
console.log(fn.call({ name: 'John' })); // undefined
console.log(fn.apply({ name: 'John' })); // undefined
const boundFn = fn.bind({ name: 'John' });

4. String.prototype

const str = '';
console.log(Object.getPrototypeOf(str) === String.prototype); // true

// String.prototype 的方法
console.log('hello'.toUpperCase()); // 'HELLO'
console.log('hello'.substring(0, 2)); // 'he'
console.log('hello'.split('')); // ['h', 'e', 'l', 'l', 'o']

5. Number.prototype

const num = 42;
console.log(Object.getPrototypeOf(num) === Number.prototype); // true

// Number.prototype 的方法
console.log(num.toFixed(2)); // '42.00'
console.log(num.toString(2)); // '101010'
console.log(num.toExponential(1)); // '4.2e+1'

6. Boolean.prototype

const bool = true;
console.log(Object.getPrototypeOf(bool) === Boolean.prototype); // true

// Boolean.prototype 的方法
console.log(bool.toString()); // 'true'
console.log(bool.valueOf()); // true

7. Date.prototype

const date = new Date();
console.log(Object.getPrototypeOf(date) === Date.prototype); // true

// Date.prototype 的方法
console.log(date.getFullYear());
console.log(date.toISOString());
console.log(date.toLocaleDateString());

8. RegExp.prototype

const regex = /test/;
console.log(Object.getPrototypeOf(regex) === RegExp.prototype); // true

// RegExp.prototype 的方法
console.log(regex.test('testing')); // true
console.log(regex.exec('testing')); // ['test', index: 0, input: 'testing']

原型扩展

1. 扩展原生对象原型

// 扩展 String.prototype
String.prototype.reverse = function() {
    return this.split('').reverse().join('');
};

console.log('hello'.reverse()); // 'olleh'

// 扩展 Array.prototype
Array.prototype.sum = function() {
    return this.reduce((total, num) => total + num, 0);
};

console.log([1, 2, 3].sum()); // 6

2. 安全扩展

// 检查方法是否已存在
if (!Array.prototype.sum) {
    Array.prototype.sum = function() {
        return this.reduce((total, num) => total + num, 0);
    };
}

// 使用 Object.defineProperty
Object.defineProperty(String.prototype, 'reverse', {
    value: function() {
        return this.split('').reverse().join('');
    },
    enumerable: true,
    configurable: true
});

最佳实践

1. 避免修改内置对象原型
2. 使用 polyfill 代替原型修改
3. 优先使用标准方法
4. 使用 Symbol 作为自定义方法名
5. 使用 Object.defineProperty 定义方法
6. 检查方法是否已存在
7. 考虑向后兼容性
8. 使用 TypeScript 类型声明