2018-10-10 22:03:03 +00:00
|
|
|
---
|
|
|
|
id: 587d7dad367417b2b2512b75
|
2021-03-15 03:20:39 +00:00
|
|
|
title: 在对象上创建方法
|
2018-10-10 22:03:03 +00:00
|
|
|
challengeType: 1
|
2020-08-04 07:15:28 +00:00
|
|
|
forumTopicId: 301318
|
2021-01-13 02:31:00 +00:00
|
|
|
dashedName: create-a-method-on-an-object
|
2018-10-10 22:03:03 +00:00
|
|
|
---
|
|
|
|
|
2020-12-16 07:37:30 +00:00
|
|
|
# --description--
|
|
|
|
|
2021-03-15 03:20:39 +00:00
|
|
|
对象可以有一个叫做 <dfn>method</dfn> 的特殊属性。
|
2020-12-16 07:37:30 +00:00
|
|
|
|
2021-03-15 03:20:39 +00:00
|
|
|
方法属性也就是函数。 这给对象添加了不同的行为。 以下就是一个带有方法属性的 `duck` 示例:
|
2020-08-04 07:15:28 +00:00
|
|
|
|
|
|
|
```js
|
|
|
|
let duck = {
|
|
|
|
name: "Aflac",
|
|
|
|
numLegs: 2,
|
|
|
|
sayName: function() {return "The name of this duck is " + duck.name + ".";}
|
|
|
|
};
|
|
|
|
duck.sayName();
|
|
|
|
```
|
|
|
|
|
2021-03-15 03:20:39 +00:00
|
|
|
示例添加了 `sayName` 方法,函数返回包含 `duck` 名字的一个句子。 注意:这个方法在返回语句中使用 `duck.name` 的方式来获取 `name` 的属性值。 在下一个挑战中我们将会使用另外一种方法来实现。
|
2018-10-10 22:03:03 +00:00
|
|
|
|
2020-12-16 07:37:30 +00:00
|
|
|
# --instructions--
|
2018-10-10 22:03:03 +00:00
|
|
|
|
2021-03-15 03:20:39 +00:00
|
|
|
给 `dog` 对象设置一个名为 `sayLegs` 的方法。 并让它返回 `This dog has 4 legs.` 这句话。
|
2018-10-10 22:03:03 +00:00
|
|
|
|
2020-12-16 07:37:30 +00:00
|
|
|
# --hints--
|
2018-10-10 22:03:03 +00:00
|
|
|
|
2021-03-15 03:20:39 +00:00
|
|
|
`dog.sayLegs()` 应该是一个函数。
|
2018-10-10 22:03:03 +00:00
|
|
|
|
|
|
|
```js
|
2020-12-16 07:37:30 +00:00
|
|
|
assert(typeof dog.sayLegs === 'function');
|
2018-10-10 22:03:03 +00:00
|
|
|
```
|
|
|
|
|
2021-03-15 03:20:39 +00:00
|
|
|
`dog.sayLegs()` 应该返回给定的字符串,需要注意标点和间距的问题。
|
2020-08-04 07:15:28 +00:00
|
|
|
|
2018-10-10 22:03:03 +00:00
|
|
|
```js
|
2020-12-16 07:37:30 +00:00
|
|
|
assert(dog.sayLegs() === 'This dog has 4 legs.');
|
2018-10-10 22:03:03 +00:00
|
|
|
```
|
2020-08-04 07:15:28 +00:00
|
|
|
|
2021-01-13 02:31:00 +00:00
|
|
|
# --seed--
|
|
|
|
|
|
|
|
## --seed-contents--
|
|
|
|
|
|
|
|
```js
|
|
|
|
let dog = {
|
|
|
|
name: "Spot",
|
|
|
|
numLegs: 4,
|
|
|
|
|
|
|
|
};
|
|
|
|
|
|
|
|
dog.sayLegs();
|
|
|
|
```
|
|
|
|
|
2020-12-16 07:37:30 +00:00
|
|
|
# --solutions--
|
|
|
|
|
2021-01-13 02:31:00 +00:00
|
|
|
```js
|
|
|
|
let dog = {
|
|
|
|
name: "Spot",
|
|
|
|
numLegs: 4,
|
|
|
|
sayLegs () {
|
|
|
|
return 'This dog has ' + this.numLegs + ' legs.';
|
|
|
|
}
|
|
|
|
};
|
|
|
|
|
|
|
|
dog.sayLegs();
|
|
|
|
```
|