getter
和 setter
这两个属性可以与 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
。
最后,您还可以将参数传递给 getter
和 setter
属性来配置访问的属性。当显式指定属性时,对方法名没有限制。例如,以下代码等效于上面的代码
#![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); } }
注意!getter
和 setter
函数在加载时在构造函数的原型链上找到一次,并被缓存,然后在每次访问时调用缓存的访问器。如果您需要在每次访问时动态遍历原型链,请添加 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;
};