es6中对象属性双方括号是什么意思

Question

es6中对象属性双方括号是什么意思?

在react表单输入输入框的change事件中

handleChange = (e) => {
    console.log(e);
    this.setState({
      value: e.target.value
    });
}

这里的event对象是一个proxy对象，将其打印到控制台输出如下

[[Handler]] : Object
  set : ƒ (target, prop, value)
  __proto__ : Object
[[Target]] : SyntheticEvent
  bubbles : (...)
  cancelable : (...)
  currentTarget : (...)
  defaultPrevented : (...)
  dispatchConfig : null
  eventPhase : (...)
  isDefaultPrevented : null
  isPropagationStopped : null
  isTrusted : (...)
  nativeEvent : (...)
  target : (...)
  timeStamp : (...)
  type : (...)
  _dispatchInstances : null
  _dispatchListeners : null
  _targetInst : null
  preventDefault : (...)
  stopPropagation : (...)
  get bubbles : ƒ ()
  set bubbles : ƒ (val)
  get cancelable : ƒ ()
  set cancelable : ƒ (val)
  get currentTarget : ƒ ()
  set currentTarget : ƒ (val)
  get defaultPrevented : ƒ ()
  set defaultPrevented : ƒ (val)
  get eventPhase : ƒ ()
  set eventPhase : ƒ (val)
  get isTrusted : ƒ ()
  set isTrusted : ƒ (val)
  get nativeEvent : ƒ ()
  set nativeEvent : ƒ (val)
  get target : ƒ ()
  set target : ƒ (val)
  get timeStamp : ƒ ()
  set timeStamp : ƒ (val)
  get type : ƒ ()
  set type : ƒ (val)
  get preventDefault : ƒ ()
  set preventDefault : ƒ (val)
  get stopPropagation : ƒ ()
  set stopPropagation : ƒ (val)
  __proto__ : Object
[[IsRevoked]] : false


如果是函数对象又会有这样的结构

arguments : (...)
caller : (...)
length : 0
name : ""
prototype : {constructor: ƒ}
__proto__ : ƒ ()
[[FunctionLocation]] : emptyFunction.js:13
[[Scopes]] : Scopes[2]

那这个对象里的[[]]（双方括号）属性命名是有什么意义？

Answer 1

双方括号代表这是JavaScript引擎内部使用的属性/方法，可以帮助debug（点一下[[FunctionLocation]]就能跳到定义，点一下[[Scopes]]就能查看闭包），但是正常JavaScript代码是取不到这些属性的。

引擎看心情决定要显示哪些内部属性，显示的格式也没有规定，但在控制台里大家一般都约定俗成用双方括号，保持和规范的格式一致。

ECMA 标准： Object Internal Methods and Internal Slots