面试题：JavaScript中Symbol类型与元编程

Symbol类型在JavaScript元编程中的重要用途

唯一标识：Symbol值通过Symbol()函数创建，具有唯一性。这使得它可以作为对象属性名，避免属性名冲突，在元编程中可用于定义内部、私有的属性。例如：

const mySymbol = Symbol('description');
const obj = {};
obj[mySymbol] = 'This is a value associated with a Symbol';

定义对象的内部方法：JavaScript 内置了一些 Symbol 值，用于定义对象的行为。如Symbol.iterator用于定义对象的迭代器，使得对象可被for...of循环遍历。

const iterable = {
    [Symbol.iterator]() {
        let i = 0;
        const data = [1, 2, 3];
        return {
            next() {
                if (i < data.length) {
                    return { value: data[i++], done: false };
                } else {
                    return { done: true };
                }
            }
        };
    }
};
for (const value of iterable) {
    console.log(value);
}

元编程中的钩子：在与Proxy和Reflect结合时，Symbol 提供了一些元编程的钩子，用于拦截和改变对象的基本操作。

结合Proxy和Reflect利用Symbol实现对象操作拦截

拦截属性读取操作：利用Symbol.get实现对对象属性读取的拦截。

const target = {
    name: 'example'
};
const handler = {
    get(target, property, receiver) {
        if (property === Symbol.toPrimitive) {
            return () => 'custom primitive value';
        }
        return Reflect.get(target, property, receiver);
    }
};
const proxy = new Proxy(target, handler);
console.log(proxy.name);
console.log(proxy[Symbol.toPrimitive]());

拦截属性赋值操作：使用Symbol.set来拦截对象属性的赋值。

const target = {};
const handler = {
    set(target, property, value, receiver) {
        if (typeof value ==='string') {
            return Reflect.set(target, property, value.toUpperCase(), receiver);
        }
        return Reflect.set(target, property, value, receiver);
    }
};
const proxy = new Proxy(target, handler);
proxy.message = 'hello';
console.log(proxy.message);

拦截函数调用操作：通过Symbol.apply来拦截函数的调用。

function targetFunction(a, b) {
    return a + b;
}
const handler = {
    apply(target, thisArg, argumentsList) {
        console.log('Function call intercepted');
        return Reflect.apply(target, thisArg, argumentsList) * 2;
    }
};
const proxy = new Proxy(targetFunction, handler);
console.log(proxy(1, 2));

星途面试题库

面试题：JavaScript中Symbol类型与元编程

知识考点

面试题答案

Symbol类型在JavaScript元编程中的重要用途

结合Proxy和Reflect利用Symbol实现对象操作拦截