JS语法构造（无法理解{变量} =变量）

Question

请帮助我了解JS语法，我正在尝试使用google语法，但由于花括号的原因，我得到了操纵结果。

我无法理解此代码块的作用：

let { precision } = options;

这是整个代码

class Clock {
  constructor({ template }) {
    this.template = template;
}

...

class ExtendedClock extends Clock {
  constructor(options) {
    super(options);
    let { precision } = options;
    this.precision = precision;
}

就像我在父类{template：'h：m：s'}中具有带有属性模板的对象一样，它被传递给子类构造函数中的'options'。

然后，子类创建另一个名为{precision}的对象，并为其分配（通过链接？）父对象props（现在是选项）。

下面的代码构造正确吗？

class ExtendedClock extends Clock {
  constructor(options) {
    super(options);
    let precision = { template: options };      <-----------------------
    this.precision = precision;
}

很抱歉，您的问题很愚蠢，但是对我来说，有些JS语法规则很难理解，谢谢所有的读者。

整个工作代码-https://plnkr.co/edit/WAF9EIWiqtaiX8vprSMz?p=preview （它有3个文件，带有父类和子类+ html）