From 4289bf1fbb823f410775b4c7d0533b7abd8e5f5f Mon Sep 17 00:00:00 2001 From: 3indblown Leaf <69508345+kraccoon-dev@users.noreply.github.com> Date: Tue, 1 Feb 2022 19:42:11 +0900 Subject: remove class 1 (#3922) --- .../functions/default_parameters/index.html | 26 +++++++++++----------- 1 file changed, 13 insertions(+), 13 deletions(-) (limited to 'files/ko/web/javascript/reference/functions/default_parameters/index.html') diff --git a/files/ko/web/javascript/reference/functions/default_parameters/index.html b/files/ko/web/javascript/reference/functions/default_parameters/index.html index 15828a0c51..d047ebaaa4 100644 --- a/files/ko/web/javascript/reference/functions/default_parameters/index.html +++ b/files/ko/web/javascript/reference/functions/default_parameters/index.html @@ -17,7 +17,7 @@ translation_of: Web/JavaScript/Reference/Functions/Default_parameters

구문

-
+
 function fnName(param1 = defaultValue1, ..., paramN = defaultValueN) { ... }
 
@@ -29,7 +29,7 @@ function fnName(param1 = defaultValue1, ..., paramN = defaultValueN) { ... }

다음 예제에서, multiply호출시 b에 할당된  값이 없다면, b 값은 a*b를 평가할 때 undefined일 거고 multiply 호출은 NaN이 반환됩니다. 

-
function multiply(a, b) {
+
function multiply(a, b) {
   return a * b
 }
 
@@ -39,7 +39,7 @@ multiply(5)     // NaN !
 
 

이를 방지하기 위해서, 아래 두번째 줄과 같이  multiply 함수가 오직 한 개의 인수만 있다면  b를  1로 설정하는 방식을 사용하곤 했습니다.

-
function multiply(a, b) {
+
function multiply(a, b) {
   b = (typeof b !== 'undefined') ?  b : 1
   return a*b
 }
@@ -50,7 +50,7 @@ multiply(5)      // 5
 
 

ES2015의 기본값 매개변수로 함수 내부 에서의 검사는 더 이상 필요치 않습니다. 이제, 간단히 함수 머리(head)에서 b의 기본값으로 1 로 설정할 수 있습니다:

-
function multiply(a, b = 1) {
+
function multiply(a, b = 1) {
   return a*b
 }
 
@@ -65,7 +65,7 @@ multiply(5, undefined)  // 5
 
 

아래 예제중 두 번째 호출에서, 설사 두 번째 인수를 호출할 때 명시해서 undefined (null 혹은 {{glossary("falsy")}} 값이 아니긴 하지만 )로 설정하더라도 , num 인수의 값은 여전히 기본값입니다.

-
function test(num = 1) {
+
function test(num = 1) {
   console.log(typeof num)
 }
 
@@ -81,7 +81,7 @@ test(null)        // 'object' (num 은 null로 설정됨)
 
 

기본 인수는 호출 시 에 평가됩니다, 그래서 Python의 경우 와는 달리, 함수가 호출될 때마다 새로운 객체가 생성됩니다.

-
function append(value, array = []) {
+
function append(value, array = []) {
   array.push(value)
   return array
 }
@@ -93,7 +93,7 @@ append(2)  // [2], [1, 2]가 아니라
 
 

이는 심지어 함수 및 변수에도 적용됩니다:

-
function callSomething(thing = something()) {
+
function callSomething(thing = something()) {
   return thing
 }
 
@@ -111,7 +111,7 @@ callSomething()  // 2
 
 

매개 변수가 여러개일 때 앞쪽에( 왼쪽 부분) 정의된 매개변수는 뒷쪽에 정의된 매개변수의 기본값에  바로 사용할 수 있습니다.

-
function greet(name, greeting, message = greeting + ' ' + name) {
+
function greet(name, greeting, message = greeting + ' ' + name) {
   return [name, greeting, message]
 }
 
@@ -121,7 +121,7 @@ greet('David', 'Hi', 'Happy Birthday!')   // ["David", "Hi", "Happy Birthday!"]
 
 

이 기능은,  얼마나 많은 경계 조건(edge case)를 다룰수 있는지 보여주는, 아래 예제로 거의 설명 가능합니다.

-
function go() {
+
function go() {
   return ':P'
 }
 
@@ -172,13 +172,13 @@ withoutDefaults.call({value:"=^_^="});
 
 

아래 함수는 호출되면 ReferenceError 를 발생시킵니다. 매개변수 기본값이 함수 내부의 자식 유효범위를 참조할 수 없기 때문입니다.

-
function f(a = go()) { // `f`가 호출 되면 `ReferenceError` 발생
+
function f(a = go()) { // `f`가 호출 되면 `ReferenceError` 발생
   function go() { return ':P' }
 }

...그리고 아래 함수는 undefined 를 프린트 하는데,  var a 가 함수 내부 대상의 유효범위내에서만 효과를 가지기 때문입니다. ( 매개변수 목록이 대상인 부모 스코프가 아니라)

-
function f(a, b = () => console.log(a)) {
+
function f(a, b = () => console.log(a)) {
   var a = 1
   b() // `undefined`를 인쇄하는데, 매개변수 기본값이 자체 스코프에 있기 때문입니다
 } 
@@ -187,7 +187,7 @@ withoutDefaults.call({value:"=^_^="});

매개변수는 여전히 왼쪽에서 오른쪽으로 설정됩니다. 아래 예제에서 뒷쪽에 기본값이 없는 매개변수가 있지만 기본값 매개변수를 덮어씁니다.

-
function f(x=1, y) {
+
function f(x=1, y) {
   return [x, y];
 }
 
@@ -199,7 +199,7 @@ f(2)  // [2, undefined]
 
 

기본값 할당을 {{jsxref("Operators/Destructuring_assignment", "destructuring assignment", "", 1)}} 표기와 함께 사용할 수 있습니다:

-
function f([x, y] = [1, 2], {z: z} = {z: 3}) {
+
function f([x, y] = [1, 2], {z: z} = {z: 3}) {
   return x + y + z
 }
 
-- 
cgit v1.2.3-54-g00ecf