有什么办法让类字段只能通过类方法变为可变吗？

Question

class Counter { 
 

 
    constructor(initialValue = 0) { 
 
    this.value = initialValue; 
 
    } 
 

 
    increment() { 
 
    this.value += 1; 
 
    } 
 

 
} 
 

 
const counter = new Counter(); 
 

 
console.log(counter.value); // 0 
 

 
counter.increment(); 
 
console.log(counter.value); // 1 
 

 
counter.value = 42; // <-- any way to forbid this? 
 

 
counter.increment(); 
 
console.log(counter.value); // 43 :(

Answer 1

我不知道的任何方式对实例的值，但只有当一个类的实例函数体的外部访问禁止写访问。你可以看一下私有字段，如果只想类的实例方法中访问（get和set）：

counter.js：github.com/tc39/proposal-private-fields

你也可以使用getters和WeakMaps解决这些限制：

const privateProps = new WeakMap(); 
const get = instance => privateProps.get(instance); 
const set = (instance, data) => privateProps.set(instance, data); 

export default class Counter { 

    constructor(initialValue = 0) { 
    set(this, { value: initialValue }); 
    } 

    increment() { 
    get(this).value += 1; 
    } 

    get value() { 
    return get(this).value; 
    } 

} 

main.js

import Counter from 'counter.js'; 

const counter = new Counter(); 

console.log(counter.value); // 0 

counter.increment(); 
console.log(counter.value); // 1 

counter.value = 42; // <-- don't define a getter to forbid this 

counter.increment(); 
console.log(counter.value); // 2 :)