Charlloss Dev

Charlloss'Dev Technology & TIL(Today I Learn) Blog

Home CV

Let & Const With Javascript Variable

on Javascript HackerRank

Let & Const

Task

  1. Declare a constant variable, $PI$ , and assign it the value Math.PI. You will not pass this challenge unless the variable is declared as a constant and named PI (uppercase).
  2. Read a number, $r$ , denoting the radius of a circle from stdin.
  3. Use $PI$ and $r$ to calculate the $area$ and $perimeter$ of a circle having radius $r$.
  4. Print $area$ as the first line of output and print $perimeter$ as the second line of output.

Input Format

A single integer $r$, denoting the radius of a circle

Constraints

  • $ 0 < r < 100
  • $r$ is a floating-point number scaled to at most 3 decimal places.

Output Format

print the following two line:

  1. On the first line, print the $area$ of the circle having radius $r$.
  2. On the second line, print the $perimeter$ of the circle having radius $r$.

Input

2.6

Output

21.237166338267002
16.336281798666924

Explanation

Given the radius $r = 2.6$ we calculate the following:

  • $area = pi * r = 21.237166338267002 $
  • $perimeter = 2 * pi * r = 16.336281798666924$

We then print $area$ as our first line of output and $perimeter$ as our second line of output.

Dev

'use strict';

process.stdin.resume();
process.stdin.setEncoding('utf-8');

let inputString = '';
let currentLine = 0;

process.stdin.on('data', inputStdin => {
    inputString += inputStdin;
});

process.stdin.on('end', _ => {
    inputString = inputString.trim().split('\n').map(string => {
        return string.trim();
    });

    main();    
});

function readLine() {
    return inputString[currentLine++];
}

function main() {
    // Write your code here. Read input using 'readLine()' and print output using 'console.log()'.
    const PI = Math.PI;
    const r = readLine();
    // Print the area of the circle:
    console.log(PI * r * r)
    // Print the perimeter of the circle:
    console.log(PI * r * 2)
    try {    
        // Attempt to redefine the value of constant variable PI
        PI = 0;
        // Attempt to print the value of PI
        console.log(PI);
    } catch(error) {
        console.error("You correctly declared 'PI' as a constant.");
    }
}

Conclusion

Javascript에 변수 선언 방식인 var let const에 각각 차이점을 알아보자

Javascript의 변수 선언과, 이들의 차이점을 이해하려면 Hoisting 과 Scope 의 개녕이 필요하다.

var-let-const 차이점

Javascript의 변수 정의의 비교 키워드는 3가지

  1. 변수 값의 변환
  2. 변수의 유효범위
  3. 호이스팅

1. 변수 값의 변환

기존의 Javascript를 사용하면서 가장 문제가 있다고 느낀점은 변수 선언 방식이다.

var를 사용하는 변수 선언의 경우 할당되는 값이 유동적으로 변경될 수 있는 단점을 가지고 있다.

var name = "Marcus";
console.log(name);

var name = "Jogeonsang";
console.log(name);

------------------------
output: Marcus
output: Jogeonsang

다음과 같이 name이라는 변수를 2번 선언했는데도 에러가 나오지않고 각기 다른 값이 출력되는걸 볼 수 있다.

하지만 ES6 업데이트 이후로 추가된 변수 선언 방식인 let과 const는 var와 같은 선언 방식을 막고있다.

let name = "Marcus";
console.log(name);

let name = "Jogeonsang";
console.log(name);
output: Identifier 'name' has already been declared

위와 같이 let을 사용했을 경우에는 name이 이미 선언되었다는 에러 메시지가 나오는걸 볼 수 있다. 위에 코드에는 let만 케이스로 집어넣었지만 const도 마찬가지로 변수 재할당이 안된다는 특징을 가지고있다.

그럴다면 let과 const는 어떤 차이가 있을까?

let과 const 차이점은 immutable 여부이다.

let은 변수에 재할당이 가능하지만,

const는 변수는 재선언, 재할당이 모두 불가능하다.

let

// let
let testCase = 'let' // output: let
let testCase = 'let2' // output: Uncaught SyntaxError: Identifier 'testCase' has already been declared
testCase = 'let3' // output: let3

const

const testCase = 'const' // output: const
const testCase = 'const2' // output: Uncaught SyntaxError: Identifier 'testCase' has already been declared
testCase = 'const3' // output: Uncaught TypeError:Assignment to constant variable.

위에 코드에서 ReferenceError가 발생한 이유는 tdz(temporal dead zone)때문이다.

temporal dead zone

let은 값을 할당하기전에 변수가 선언 되어있어야 하는데 그렇지 않기 때문에 에러가 난다.

이건 const도 마찬가지인데 좀 더 엄격하다.

// let은 선언하고 나중에 값을 할당이 가능하지만
let dd
dd = 'test'

// const 선언과 동시에 값을 할당 해야한다.
const aa // Missing initializer in const declaration

이렇게 javascript에 tdz가 필요한 이유는 동적언어이다 보니깐 runtime type check 가 필요해서이다.

2. 변수의 유효범위

Javascript에서 변수들의 스코프(유효범위) 에 대해서, var는 함수 스코프(Function Scope)를 가지고, let, const는 블럭 스코프(Block Scope)를 가지게 된다.

var

var foo = "This is String.";
if(typeof foo === 'string'){
    var result = true;
} else {
  var result = false;
}

console.log(result);    // result : true

let, const

var foo = "This is String.";
if(typeof foo === 'string'){
    const result = true;
} else {
  const result = false;
}

console.log(result);    // result : result is not defined
View Comments...