ES6 기본 매개 변수 : 값이 올바르게 지정되지 않았습니다.

Question

ES6 기본 매개 변수로 재생 중입니다. 이상한 동작이 있습니다.

가

function test(firstValue, secondValue=5){ 
    console.log("firstValue: " + firstValue); 
    console.log("secondValue: " + secondValue); 
    console.log("----------") 
} 

test(2, secondValue = 3) 
test(secondValue = 3) 

그 출력 :

firstValue: 2 
secondValue: 3 
---------- 
firstValue: 3 
secondValue: 5 
---------- 

후자의 경우, I는 firstValue: undefined 및 secondValue: 3 예상

여기서 문제의 간단한 예이다. 이 동작은 정상적인 것입니다. 내가 놓친 게 있니?

Answer 1

선언하지 않고 전역 변수를 사용하고 있습니다. 할당은 전역 변수를 생성하며 함수 test의 변수에는 영향을 미치지 않습니다. 이러한 로컬 변수는 호출 범위와 독립적입니다. 당신은 destructuring을 수행 할

Answer 2

function test(firstValue, secondValue=5){ 
 
    console.log("firstValue: " + firstValue); 
 
    console.log("secondValue: " + secondValue); 
 
    console.log("----------") 
 
} 
 

 
var secondValue; // with declaration 
 
console.log(secondValue); 
 
test(2, secondValue = 3) 
 
test(secondValue = 3) 
 
console.log(secondValue);

는 것 같아요 :

function test({firstValue, secondValue = 5} = {}){ 
 
    console.log("firstValue: " + firstValue); 
 
    console.log("secondValue: " + secondValue); 
 
    console.log("----------") 
 
} 
 

 
test() // prints firstValue: undefined, secondValue: 5 
 
test({}) // prints firstValue: undefined, secondValue: 5 
 
test({firstValue: 2}) // prints firstValue: 2, secondValue: 5 
 
test({secondValue: 3}) // prints firstValue: undefined, secondValue: 3

Answer 3

당신이

test(2, secondValue = 3) 

,

당신은 사실상,이 일을하고 있습니다 :

는

secondValue = 3 
test(2, 3) 

첫 번째 부분 (secondValue = 3)는 The Horror of Implicit Globals에 secondValue 감사라는 전역 변수를 생성 * 그것은 당신의 함수에서 secondValue 매개 변수와는 아무 상관이있다.. JavaScript는 명명 된 인수가 없습니다. 예를 들어, 인수 목록의 올바른 위치에 놓는 것 외에는 호출 할 때 "secondValue의 값은 여기에 있습니다"라고 말할 수 없습니다. 호출 할 때 이름을 지정하려면 구조화를 cubbuk points out으로 사용할 수 있습니다 정말 인자라는 것이 아니라, 목적의 동일한 종류를 제공 할 수 있습니다.) 할당의 결과가 할당 된 값 (그래서 secondValue = 3 세트 secondValue을에이기 때문에

test에 3를 전달하는 두 번째 부분은() 발생하는 3이고 결과는 3이고, 이는 test으로 전달됩니다.

test을 3으로 전화 하시려면 secondValue으로 전화하십시오. 예 :: 당신이 두 번째 오프를 마칠 경우

test(2, 3); 

은 기본값이 사용됩니다

test(2); 

예 :

function test(firstValue, secondValue=5){ 
 
    console.log("firstValue: " + firstValue); 
 
    console.log("secondValue: " + secondValue); 
 
    console.log("----------"); 
 
} 
 

 
test(2, 3); 
 
test(2);

---

*(그건 저의 빈혈에 관한 게시물입니다)