2018-10-10 18:03:03 -04:00
|
|
|
|
---
|
|
|
|
|
id: a2f1d72d9b908d0bd72bb9f6
|
|
|
|
|
challengeType: 5
|
2020-09-07 16:10:29 +08:00
|
|
|
|
forumTopicId: 16020
|
2020-10-01 17:54:21 +02:00
|
|
|
|
title: 构造一个 Person 类
|
2018-10-10 18:03:03 -04:00
|
|
|
|
---
|
|
|
|
|
|
|
|
|
|
## Description
|
2020-09-07 16:10:29 +08:00
|
|
|
|
<section id='description'>
|
|
|
|
|
在这道题目中,我们需要写一个构造器(constructor)函数。它只接收一个字符串参数<code>firstAndLast</code>,这个参数代表一个英文名的全名(姓和名)。这个构造函数创建出的实例需要具有以下方法:
|
|
|
|
|
|
|
|
|
|
```js
|
|
|
|
|
getFirstName()
|
|
|
|
|
getLastName()
|
|
|
|
|
getFullName()
|
|
|
|
|
setFirstName(first)
|
|
|
|
|
setLastName(last)
|
|
|
|
|
setFullName(firstAndLast)
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
你可以点击 “运行测试”,然后就可以在底下的控制台中看到每个测试用例执行的情况。
|
|
|
|
|
方法接收一个字符串格式的参数。
|
|
|
|
|
这些方法必须是与对象进行交互的唯一可用方法。
|
|
|
|
|
如果你遇到了问题,请点击<a href='https://forum.freecodecamp.one/t/topic/157' target='_blank'>帮助</a>。
|
|
|
|
|
</section>
|
2018-10-10 18:03:03 -04:00
|
|
|
|
|
|
|
|
|
## Instructions
|
2020-09-07 16:10:29 +08:00
|
|
|
|
<section id='instructions'>
|
|
|
|
|
|
2018-10-10 18:03:03 -04:00
|
|
|
|
</section>
|
|
|
|
|
|
|
|
|
|
## Tests
|
|
|
|
|
<section id='tests'>
|
|
|
|
|
|
|
|
|
|
```yml
|
|
|
|
|
tests:
|
2020-09-07 16:10:29 +08:00
|
|
|
|
- text: <code>Object.keys(bob).length</code>应该返回 6。
|
2020-02-18 01:40:55 +09:00
|
|
|
|
testString: assert.deepEqual(Object.keys(bob).length, 6);
|
2020-09-07 16:10:29 +08:00
|
|
|
|
- text: <code>bob instanceof Person</code>应该返回<code>true</code>。
|
2020-02-18 01:40:55 +09:00
|
|
|
|
testString: assert.deepEqual(bob instanceof Person, true);
|
2020-09-07 16:10:29 +08:00
|
|
|
|
- text: <code>bob.firstName</code>应该返回<code>undefined</code>。
|
2020-02-18 01:40:55 +09:00
|
|
|
|
testString: assert.deepEqual(bob.firstName, undefined);
|
2020-09-07 16:10:29 +08:00
|
|
|
|
- text: <code>bob.lastName</code>应该返回<code>undefined</code>。
|
2020-02-18 01:40:55 +09:00
|
|
|
|
testString: assert.deepEqual(bob.lastName, undefined);
|
2020-09-07 16:10:29 +08:00
|
|
|
|
- text: "<code>bob.getFirstName()</code>应该返回 'Bob'。"
|
2020-02-18 01:40:55 +09:00
|
|
|
|
testString: assert.deepEqual(bob.getFirstName(), 'Bob');
|
2020-09-07 16:10:29 +08:00
|
|
|
|
- text: "<code>bob.getLastName()</code>应该返回 'Ross'。"
|
2020-02-18 01:40:55 +09:00
|
|
|
|
testString: assert.deepEqual(bob.getLastName(), 'Ross');
|
2020-09-07 16:10:29 +08:00
|
|
|
|
- text: "<code>bob.getFullName()</code>应该返回 'Bob Ross'。"
|
2020-02-18 01:40:55 +09:00
|
|
|
|
testString: assert.deepEqual(bob.getFullName(), 'Bob Ross');
|
2020-09-07 16:10:29 +08:00
|
|
|
|
- text: "调用<code>bob.setFirstName('Haskell')</code>之后,<code>bob.getFullName()</code>应该返回 'Haskell Ross'。"
|
2020-02-18 01:40:55 +09:00
|
|
|
|
testString: assert.strictEqual((function () { bob.setFirstName("Haskell"); return bob.getFullName(); })(), 'Haskell Ross');
|
2020-09-07 16:10:29 +08:00
|
|
|
|
- text: "调用<code>bob.setLastName('Curry')</code>之后,<code>bob.getFullName()</code>应该返回 'Haskell Curry'。"
|
2020-02-18 01:40:55 +09:00
|
|
|
|
testString: assert.strictEqual((function () { var _bob=new Person('Haskell Ross'); _bob.setLastName("Curry"); return _bob.getFullName(); })(), 'Haskell Curry');
|
2020-09-07 16:10:29 +08:00
|
|
|
|
- text: "调用<code>bob.setFullName('Haskell Curry')</code>之后,<code>bob.getFullName()</code>应该返回 'Haskell Curry'。"
|
2020-02-18 01:40:55 +09:00
|
|
|
|
testString: assert.strictEqual((function () { bob.setFullName("Haskell Curry"); return bob.getFullName(); })(), 'Haskell Curry');
|
2020-09-07 16:10:29 +08:00
|
|
|
|
- text: "调用<code>bob.setFullName('Haskell Curry')</code>之后,<code>bob.getFirstName()</code>应该返回 'Haskell'。"
|
2020-02-18 01:40:55 +09:00
|
|
|
|
testString: assert.strictEqual((function () { bob.setFullName("Haskell Curry"); return bob.getFirstName(); })(), 'Haskell');
|
2020-09-07 16:10:29 +08:00
|
|
|
|
- text: "调用<code>bob.setFullName('Haskell Curry')</code>之后,<code>bob.getLastName()</code>应该返回 'Curry'。"
|
2020-02-18 01:40:55 +09:00
|
|
|
|
testString: assert.strictEqual((function () { bob.setFullName("Haskell Curry"); return bob.getLastName(); })(), 'Curry');
|
2018-10-10 18:03:03 -04:00
|
|
|
|
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
</section>
|
|
|
|
|
|
|
|
|
|
## Challenge Seed
|
|
|
|
|
<section id='challengeSeed'>
|
|
|
|
|
|
|
|
|
|
<div id='js-seed'>
|
|
|
|
|
|
|
|
|
|
```js
|
|
|
|
|
var Person = function(firstAndLast) {
|
|
|
|
|
// Complete the method below and implement the others similarly
|
|
|
|
|
this.getFullName = function() {
|
|
|
|
|
return "";
|
|
|
|
|
};
|
|
|
|
|
return firstAndLast;
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
var bob = new Person('Bob Ross');
|
|
|
|
|
bob.getFullName();
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</section>
|
|
|
|
|
|
|
|
|
|
## Solution
|
|
|
|
|
<section id='solution'>
|
|
|
|
|
|
2020-09-07 16:10:29 +08:00
|
|
|
|
|
2018-10-10 18:03:03 -04:00
|
|
|
|
```js
|
2020-09-07 16:10:29 +08:00
|
|
|
|
var Person = function(firstAndLast) {
|
|
|
|
|
|
|
|
|
|
var firstName, lastName;
|
|
|
|
|
|
|
|
|
|
function updateName(str) {
|
|
|
|
|
firstName = str.split(" ")[0];
|
|
|
|
|
lastName = str.split(" ")[1];
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
updateName(firstAndLast);
|
|
|
|
|
|
|
|
|
|
this.getFirstName = function(){
|
|
|
|
|
return firstName;
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
this.getLastName = function(){
|
|
|
|
|
return lastName;
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
this.getFullName = function(){
|
|
|
|
|
return firstName + " " + lastName;
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
this.setFirstName = function(str){
|
|
|
|
|
firstName = str;
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
this.setLastName = function(str){
|
|
|
|
|
lastName = str;
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
this.setFullName = function(str){
|
|
|
|
|
updateName(str);
|
|
|
|
|
};
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
var bob = new Person('Bob Ross');
|
|
|
|
|
bob.getFullName();
|
2018-10-10 18:03:03 -04:00
|
|
|
|
```
|
2020-08-13 17:24:35 +02:00
|
|
|
|
|
2020-09-07 16:10:29 +08:00
|
|
|
|
</section>
|