74 lines
		
	
	
		
			2.3 KiB
		
	
	
	
		
			Markdown
		
	
	
	
	
	
			
		
		
	
	
			74 lines
		
	
	
		
			2.3 KiB
		
	
	
	
		
			Markdown
		
	
	
	
	
	
| ---
 | ||
| id: 587d7b8a367417b2b2512b4d
 | ||
| title: Use Destructuring Assignment to Pass an Object as a Function's Parameters
 | ||
| challengeType: 1
 | ||
| videoUrl: ''
 | ||
| localeTitle: 使用解构分配将对象作为函数的参数传递
 | ||
| ---
 | ||
| 
 | ||
| ## Description
 | ||
| <section id="description">在某些情况下,您可以在函数参数本身中对对象进行解构。考虑以下代码: <blockquote> const profileUpdate =(profileData)=> { <br> const {name,age,nationality,location} = profileData; <br> //用这些变量做点什么<br> } </blockquote>这有效地破坏了发送到函数中的对象。这也可以就地完成: <blockquote> const profileUpdate =({name,age,nationality,location})=> { <br> / *用这些字段做某事* / <br> } </blockquote>这将删除一些额外的行,使我们的代码看起来整洁。这具有额外的好处,即不必操纵函数中的整个对象;只有所需的字段才会复制到函数内部。 </section>
 | ||
| 
 | ||
| ## Instructions
 | ||
| <section id="instructions">在函数<code>half</code>的参数内使用解构赋值,仅在函数内发送<code>max</code>和<code>min</code> 。 </section>
 | ||
| 
 | ||
| ## Tests
 | ||
| <section id='tests'>
 | ||
| 
 | ||
| ```yml
 | ||
| tests:
 | ||
|   - text: <code>stats</code>应该是一个<code>object</code> 。
 | ||
|     testString: 'assert(typeof stats === "object", "<code>stats</code> should be an <code>object</code>.");'
 | ||
|   - text: <code>half(stats)</code>应为<code>28.015</code>
 | ||
|     testString: 'assert(half(stats) === 28.015, "<code>half(stats)</code> should be <code>28.015</code>");'
 | ||
|   - text: 使用了解构。
 | ||
|     testString: 'getUserInput => assert(getUserInput("index").match(/\(\s*\{\s*\w+\s*,\s*\w+\s*\}\s*\)/g), "Destructuring was used.");'
 | ||
| 
 | ||
| ```
 | ||
| 
 | ||
| </section>
 | ||
| 
 | ||
| ## Challenge Seed
 | ||
| <section id='challengeSeed'>
 | ||
| 
 | ||
| <div id='js-seed'>
 | ||
| 
 | ||
| ```js
 | ||
| const stats = {
 | ||
|   max: 56.78,
 | ||
|   standard_deviation: 4.34,
 | ||
|   median: 34.54,
 | ||
|   mode: 23.87,
 | ||
|   min: -0.75,
 | ||
|   average: 35.85
 | ||
| };
 | ||
| const half = (function() {
 | ||
|   "use strict"; // do not change this line
 | ||
| 
 | ||
|   // change code below this line
 | ||
|   return function half(stats) {
 | ||
|     // use function argument destructuring
 | ||
|     return (stats.max + stats.min) / 2.0;
 | ||
|   };
 | ||
|   // change code above this line
 | ||
| 
 | ||
| })();
 | ||
| console.log(stats); // should be object
 | ||
| console.log(half(stats)); // should be 28.015
 | ||
| 
 | ||
| ```
 | ||
| 
 | ||
| </div>
 | ||
| 
 | ||
| 
 | ||
| 
 | ||
| </section>
 | ||
| 
 | ||
| ## Solution
 | ||
| <section id='solution'>
 | ||
| 
 | ||
| ```js
 | ||
| // solution required
 | ||
| ```
 | ||
| </section>
 |