indexing_getter、indexing_setter 和 indexing_deleter

这三个属性表明一个方法是接收者对象本身的动态拦截的 getter、setter 或 deleter，而不是直接访问接收者的属性。它等效于在 JavaScript 中使用一些动态 prop 变量调用 obj[prop] 操作的 Proxy 处理程序，而不是像普通 JavaScript Object 上的 obj.prop 这样的普通静态属性访问。

这对于绑定到 Proxy 和一些动态拦截属性访问的内置 DOM 类型很有用。

• indexing_getter 对应于 JavaScript 中的 obj[prop] 操作。被注解的函数必须有一个 this 接收者参数，一个用于索引到接收者中的单个参数 (prop)，以及一个返回类型。

• indexing_setter 对应于 JavaScript 中的 obj[prop] = val 操作。被注解的函数必须有一个 this 接收者参数，一个用于索引到接收者中的参数 (prop)，以及一个值参数 (val)。

• indexing_deleter 对应于 JavaScript 中的 delete obj[prop] 操作。被注解的函数必须有一个 this 接收者和一个用于索引到接收者中的单个参数 (prop)。

这些必须始终与 structural 和 method 标志一起使用。

例如，考虑这个使用 Proxy 的 JavaScript 代码片段

const foo = new Proxy({}, {
    get(obj, prop) {
        return prop in obj ? obj[prop] : prop.length;
    },
    set(obj, prop, value) {
        obj[prop] = value;
    },
    deleteProperty(obj, prop) {
        delete obj[prop];
    },
});

foo.ten;
// 3

foo.ten = 10;
foo.ten;
// 10

delete foo.ten;
foo.ten;
// 3

要在 Rust 中的 wasm-bindgen 中绑定它，我们将对方法使用 indexing_* 属性

#![allow(unused)]
fn main() {
#[wasm_bindgen]
extern "C" {
    type Foo;
    #[wasm_bindgen(thread_local_v2)]
    static FOO: Foo;

    #[wasm_bindgen(method, structural, indexing_getter)]
    fn get(this: &Foo, prop: &str) -> u32;

    #[wasm_bindgen(method, structural, indexing_setter)]
    fn set(this: &Foo, prop: &str, val: u32);

    #[wasm_bindgen(method, structural, indexing_deleter)]
    fn delete(this: &Foo, prop: &str);
}

FOO.with(|foo| {
    assert_eq!(foo.get("ten"), 3);

    foo.set("ten", 10);
    assert_eq!(foo.get("ten"), 10);

    foo.delete("ten");
    assert_eq!(foo.get("ten"), 3);
});
}