자바스크립트에서 기본값을 얻는 방법

JavaScript에서 기본값을 얻는 방법

JavaScript 코드를 작성할 때 일반적으로 함수 호출 시 전달될 수 있도록 함수의 매개변수 값을 설정합니다. 그러나 어떤 경우에는 명시적으로 설정되지 않은 경우 특정 매개변수에 기본값을 갖도록 하여 코드를 더 간결하고 읽기 쉽게 만들 수 있습니다. 이 글에서는 JavaScript에서 기본값을 설정하고 사용하는 방법을 설명합니다.

기본값 설정

과거에는 함수 매개변수의 기본값을 설정하려면 일반적으로 함수 본문에서 null 또는 정의되지 않은 판단을 한 다음 수동으로 기본값을 설정해야 했습니다. 아래와 같이:

function sayHello(name) {
    if(name === undefined) {
        name = "world";
    }
    console.log("Hello, " + name + "!");
}

sayHello(); // "Hello, world!"
sayHello("Tom"); // "Hello, Tom!"

기본값으로 설정해야 하는 매개변수가 여러 개 있는 경우 이 접근 방식은 쉽게 장황해지고 유지 관리가 어려워질 수 있습니다. ES6에서는 기본값을 설정하는 데 더 편리한 방법을 사용할 수 있습니다.

기본값 사용

ES6에서는 함수 매개변수에 기본값을 지정할 수 있습니다. 이를 통해 함수의 기본값을 보다 편리하게 설정할 수 있으며, 코드량을 줄이고 가독성을 높일 수 있습니다. 아래와 같이:

function sayHello(name="world") {
    console.log("Hello, " + name + "!");
}

sayHello(); // "Hello, world!"
sayHello("Tom"); // "Hello, Tom!"

이 예에서는 sayHello 함수를 정의하고 해당 매개변수 이름에 기본값 "world"를 할당합니다. 함수에 매개변수가 전달되지 않으면 기본값을 사용하고 "Hello, world!"를 인쇄합니다. 함수에 매개변수를 전달하면 전달된 값이 사용됩니다. 예를 들어 Tom을 전달하면 "Hello, Tom!"이 인쇄됩니다.

다른 매개변수의 기본값을 사용하여 기본값을 설정할 수도 있습니다. 예:

function sayHello(name="world",greeting=`Hello`) {
    console.log(`${greeting}, ${name}!`);
}

sayHello(); // "Hello, world!"
sayHello("Tom"); // "Hello, Tom!"
sayHello("Jenny", "Hi"); // "Hi, Jenny!"
sayHello(undefined, "Goodbye"); // "Goodbye, world!"

이 예에서는 sayHello 함수를 다시 정의하고 해당 매개변수 이름 및 인사말에 대한 기본값을 지정합니다. Greeting 매개변수를 전달하지 않으면 기본값 "Hello"가 사용됩니다. Tom과 Hi를 전달하면 "Hi, Tom!"이 출력됩니다. 정의되지 않음과 "Goodbye"를 전달하면 기본값이 사용되고 "Goodbye, world!"가 출력됩니다.

기본값에 대한 참고사항

기본값을 사용할 때 다음 사항에 주의해야 합니다.

1. 기본값은 매개변수 값이 정의되지 않은 경우에만 사용됩니다. 따라서 null, "", 0 등 거짓 값을 전달할 경우 기본값은 사용되지 않습니다.

function getColor(color = "blue") {
    console.log(color);
}

getColor(null); // null
getColor(""); // ""
getColor(0); // 0

2. 기본값을 사용하는 경우 매개변수는 여전히 존재하지만 해당 값은 기본값입니다. 따라서 우리는 이러한 매개변수에 접근하기 위해 여전히 인수 객체를 사용할 수 있습니다. 예:

function sayHello(name = "world") {
    console.log(`Hello, ${arguments[0]}!`);
}

sayHello("Tom"); // "Hello, Tom!"

3. 기본값을 사용하는 경우 매개변수는 다른 매개변수에만 적용됩니다. 매개변수가 함수 자체나 다른 전역 변수를 참조하는 경우 기본값은 사용되지 않습니다. 예:

let language = "English";
function sayHello(name = "world", greeting = `Hello ${language}!`) {
    console.log(`${greeting}, ${name}!`);
}

sayHello(); // "Hello English, world!"

Conclusion

ES6 이전에는 함수 매개변수의 기본값을 설정하는 것이 번거롭고 null 또는 정의되지 않은 상황에 대해 수동 판단이 필요했습니다. ES6의 등장으로 함수 매개변수의 기본값 설정이 더욱 간결해지고 읽기 쉬워졌습니다. 기본값을 설정하면 코드가 더욱 간결해지고 유지 관리성이 향상되며 오류 발생을 줄일 수 있습니다. 또한, 기본값을 사용할 때 매개변수는 여전히 존재하며, 기본값은 설정되지 않은 매개변수에만 적용되며 다른 함수나 전역 변수와는 아무런 관련이 없다는 점도 주의할 필요가 있습니다.

위 내용은 자바스크립트에서 기본값을 얻는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!