gettersetter

这两个属性可以与 method 结合使用,以指示这是一个 getter 或 setter 方法。默认情况下,getter 标记的函数访问与 getter 函数同名的 JavaScript 属性。setter 的函数名目前需要以 set_ 开头,它访问的属性是 set_ 之后的后缀。

考虑以下具有 white_russians 属性的 getter 和 setter 的 JavaScript 类

class TheDude {
  get white_russians() {
    ...
  }
  set white_russians(val) {
    ...
  }
}

我们将使用以下 #[wasm_bindgen] 属性导入它

#![allow(unused)]
fn main() {
#[wasm_bindgen]
extern "C" {
    type TheDude;

    #[wasm_bindgen(method, getter)]
    fn white_russians(this: &TheDude) -> u32;

    #[wasm_bindgen(method, setter)]
    fn set_white_russians(this: &TheDude, val: u32);
}
}

这里我们导入 TheDude 类型并定义访问每个对象的 white_russians 属性的能力。这里第一个函数是一个 getter,将在 Rust 中以 the_dude.white_russians() 的形式使用,第二个函数是 setter,可以以 the_dude.set_white_russians(2) 的形式使用。请注意,这两个函数都有一个 this 参数,因为它们被标记为 method

最后,您还可以将参数传递给 gettersetter 属性来配置访问的属性。当显式指定属性时,对方法名没有限制。例如,以下代码等效于上面的代码

#![allow(unused)]
fn main() {
#[wasm_bindgen]
extern "C" {
    type TheDude;

    #[wasm_bindgen(method, getter = white_russians)]
    fn my_custom_getter_name(this: &TheDude) -> u32;

    #[wasm_bindgen(method, setter = white_russians)]
    fn my_custom_setter_name(this: &TheDude, val: u32);
}
}

注意!gettersetter 函数在加载时在构造函数的原型链上找到一次,并被缓存,然后在每次访问时调用缓存的访问器。如果您需要在每次访问时动态遍历原型链,请添加 structural 属性!

// This is the default function Rust will invoke on `the_dude.white_russians()`:
const white_russians = Object.getOwnPropertyDescriptor(
  TheDude.prototype,
  "white_russians"
).get;

// This is what you get by adding `structural`:
const white_russians = function(the_dude) {
  return the_dude.white_russians;
};