React学习手册

24

｜

第

2

章

本章后续的内容中，将会结合数组解构和扩展运算符进一步拓展这个示例。

对象语义增强

对象语义增强和解构恰恰相反。它是重组或者回炉再造的过程。通过对象语义增强，

我们可以从全局作用域中获得变量并将它们转换成一个对象：

var name = "Tallac"

var elevation = 9738

var funHike = {name,elevation}

console.log(funHike) // {name: "Tallac", elevation: 9738}

name

和

elevation

现在变成

funHike

对象的属性键了。

我们还可以通过对象语义增强或重组构造对象的方法：

var name = "Tallac"

var elevation = 9738

var print = function() {

console.log(`Mt. ${this.name} is ${this.elevation} feet tall`)

}

var funHike = {name,elevation,print}

funHike.print() // Mt. Tallac is 9738 feet tall

注意，这里我们是使用关键字

this

访问对象属性的。

当定义了对象方法后，就不需要再使用关键字

function

了（参见示例

2-5

）。

示例

2-5

：新旧对象语法比较

//

旧方案

var skier = {

name: name,

sound: sound,

powderYell: ...