JS변수 var/let 선언과 차이

  var로 선언 (int, double, String, Object, char, class 통용)
  최근엔 let로 선언
  let : var은 출력 후 선언 가능하지만, let은 java와 동일하게 선언 후 출력

 

var

 	var num = 123;
 	var pi = 3.141592;
 	name1 = "홍길동";	//var name의 선언은 나중에 해도 됨
 	var name1;
 	var name2 = '일지매';	//문자열은 따옴표 둘다 가능
 	var answer = true;
 	
 	var human = "홍길동", number = 234 +1; //다중선언 가능
 	console.log(human);
 	console.log(number);
 
 	//숫자를 문자로 변경 가능
 	number = '일지매';	
 	console.log(number);

 

 

 

 

let

//선언을 뒤에 하면 var과 다르게 오류가 난다
	let man;
	man = '성춘향';
	console.log(man);
		
	
	
	//숫자와 문자도 규칙에 따라 연산 가능
	let nn = "5" + 3 + 1	
	console.log(nn);	//531
	
	nn = 3 + 1 + "5";	
	console.log(nn);	//45

 

 

 

Array

	//선언
	let cars = ["Saab", "Volvo", "BMW"];
	//접근
	console.log( cars[1] );	//Volvo

	//똑같은 변수명을 선언하면 충돌이 난다
	//let cars = new Array(3);	// = int Arr[] = new int[3];
	
	//선언안하고 갱신해줌
	cars = new Array(3);
	cars[0] = '사브';
	cars[1] = '볼보';
	cars[2] = '비엠더블유';
	console.log( cars[0] );	//사브
	
	//for문 1
	for ( i = 0; i < cars.length; i++) {
		console.log( cars[i] );
	}
	
	//for문 2
	for (let i in cars) {
		console.log( cars[i] );
	}

 

 

 

 

 

 

Object = Json(key:value)형태

//배열에서 인덱스number대신 (key:value)넣음

let obj = {//배열에서 인덱스number대신 (key:value)넣음
		firstname : "길동",
		lastname : '홍',
		age : 24,
		func : function() {
			console.log("func 호출");
			console.log("lastname : " + this.lastname);	//lastname에 항상 this를 붙여줘야 함.
		}
	}
	
	console.log(obj.firstname);
	console.log(obj.lasttname);
	obj.func();
	
	//const == final
	//선언 후 변경 불가능
	
	const e = 1
	console.log(e);
/* 	e = 2             에러남
	console.log(e); */

 

 

 

 

 

class

	class Person{
		
		constructor(name, age){
			this.name = name;
			this.age = age;	//this를 붙이면 선언 없이도 자동선언이 됨
		}
		print(){
			console.log(this.name + " " + this.age);
			console.log( `${this.name}:hello` );	//일지매:hello
		}
	}
	
	let per = new Person('일지매', 21);
	console.log(per.name);	//일지매
	console.log(per.age);	//21
	per.print();

 

 

	
	document.getElementById('demo').innerHTML
		= "홍길동" + typeof"홍길동" + "<br>"			//홍길동string (문자와 type이 나옴)
		+ "325" + typeof 325 + "<br>"				//325number
		+ "3.141592" + typeof 3.141592 + "<br>"
		+ "true" + typeof true + "<br>"				//trueboolean
		+ "array" + typeof [1,2,3] + "<br>"			//arrayobject
		+ "object" + typeof { num:1, name: 'abc'};	//objectobject