[JS] Java Script 버전 확인

[1. jsfiddle 사이트 접속 확인]

https://jsfiddle.net/Ac6CT/

Edit fiddle - JSFiddle - Code Playground

 

브라우저 버전에 맞는 Script 실행 되어 알 수 있음

 

현재 나는 Java Script 1.5를 사용하고 있는 상태.

 

 

[2. VSC - HTML 파일 실행 확인]

1. VSC 실행

2. HTML 파일 생성 (jsVerCheck.html)

3. 아래 코드 입력 후 실행

<script type="text/javascript">
  var jsver = 1.0;
</script>
<script language="Javascript1.1">
  jsver = 1.1;
</script>
<script language="Javascript1.2">
  jsver = 1.2;
</script>
<script language="Javascript1.3">
  jsver = 1.3;
</script>
<script language="Javascript1.4">
  jsver = 1.4;
</script>
<script language="Javascript1.5">
  jsver = 1.5;
</script>
<script language="Javascript1.6">
  jsver = 1.6;
</script>
<script language="Javascript1.7">
  jsver = 1.7;
</script>
<script language="Javascript1.8">
  jsver = 1.8;
</script>
<script language="Javascript1.9">
  jsver = 1.9;
</script>


<script type="text/javascript">
  alert(jsver);
</script>

 

 

마찬가지로 1.5 버전을 사용하고 있는 것을 확인할 수 있다.

 

[출처]

https://asrada2001.tistory.com/entry/Javascript-%EB%B2%84%EC%A0%84-%ED%99%95%EC%9D%B8%ED%95%98%EA%B8%B0

 

[3. JS ES 버전 확인]

ES 버전을 확인할 수 있는 방법이라고 하기에는 모호하고,

내가 어떤 코드를 구성하느냐에 따라 달려있는 문제같다.

 

ES5과 ES6의 차이를 알고 있으면 내가 어떤 버전의 코드를 작성하고 있는지 알 수 있다.

 

	ES5	ES6	ES6 장점
사용 가능 변수	'var'	'var', 'const', 'let'	명시적 변수 선언 가능
함수 종류	function	Arrow function	함수 간결 표현 가능
배열 활용	array - for문 구성	array - foreach for ~ of	가독성, 접근성 좋음
		...

그 밖에 Spread 연산자, 구조 분배 할당 등이 있다.

 

자세한 것은 따로 다루겠다. 

 

[참고]

https://adjh54.tistory.com/4#1.%20Javascript%20%EB%B3%80%EC%88%98(const%2C%20let)-1

 

현재 const, let 등의 변수를 사용함과 동시에

Arrow function 등의 문법을 추가적으로 사용하고 있음으로

ES6 문법을 사용하고 있음을 알 수 있다.