3️⃣ 자바스크립트의 변수 var , let , const + ( foreach와 생성자 사용법 )

728x90

1. var -> 변수 '재선언' 가능

Integer, Double, String, Object // class에 대한 변수들을 모두 담을수 있다.

변수 선언을 여러번해도 오류가 안뜬다는 단점이있지만. 나중에 치명적인 오류가 생길수 있어

변수 재선언이 필요한 경우가 아니라면 let을 활용한다.

var A = '변수 선언';

var A = '변수 선언 또할게;

가능함 (O)

2. let -> 변수 '재선언' 불가능 , 하지만 '재할당'은 가능

let A = '변수 선언';

let A = '변수 선언 또할게;

불가능함 (X)

대신 let A = '변수선언';

A= '변수를 재할당할게';

재할당은 가능 (O)

3. const - > 변수 '재선언'과 '재할당' 모두 불가능

let A = '변수 선언';

let A = '변수 선언 또할게;

불가능함 (X)

대신 let A = '변수선언';

A= '변수를 재할당할게';

재할당도 불가능 (X)

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>

변수(variable)

<p id="demo">p tag</p>

<script type="text/javascript">

//var -- Integer, Double, String, Object // class에 대한 변수들
//let

	//Myclass class = new Myclass();
	//Object obj = new Myclass();
	

/*
var num = 123;
var pi = 3.141592;

var name = "홍길동";
var answer = true;

human = "홍길동";
number = 234+1;

console.log(human);
console.log(number);

var human, number;

//number = "성춘향";

var human, number;
	*/

	/*
	let man;  //let은 var와는 달리 위에다가 선언을 해야한다(var는 스크립트내 어디있더라도 적용됨 , 허나 중복적용도 돼서 문제 발생)
	man = '성춘향';
	console.log(man);
	*/
	
	let strNum = "5" + 3 + 1; // -> "531"
	
	let numStr = 3 + 1 + "2"; // -> "42"
	
	console.log(strNum);
	console.log(numStr);
	
	
	//Array
	//let cars = [];
	let cars = ["saab", "Volvo", "BMW"];
	
	console.log(cars[1]);
	
	cars = new Array(3);
	cars[0] = "사브";
	cars[1] = "볼보";
	cars[2] = "비엠";
	console.log(cars[1]);
	
	for(i =0; i<cars.length; i++){
		console.log(cars[i]);
	} //for문 일때 자료형을 생략해도 된다.
	
	//foreach  :을 쓰면안되고 in을 써야 포리치문이 작동한다.
	for(i in cars){ 
		console.log(cars[i]);
	}
	
	
	
//1

	//Object = HashMap  key.value == JSON
	let obj = {
		firstname:'길동',
		lastname:'홍',
		age:24,
		myfunc:function(){
			console.log("myfunc() 호출");
			console.log("lastname" + this.lastname);
		},
			method:function(a, b){  //매개변수 여러개 설정가능
			}
	};
	
	console.log(obj.firstname);
	console.log(obj.lastname);
	console.log(obj.age);
	
	obj.myfunc();
	
	//2 생성자 사용
	
	class Person{
		constructor(name, age){
			this.name = name;
			this.age = age;
		}
		consolePrint(){
			console.log(this.name+" "+this.age);
		}
	}
	
	let per = new Person('일지매', 22);
	console.log(per.name);
	console.log(per.age);

	per.consolePrint();
	
	
	document.getElementById("demo").innerHTML = "홍길동"+ typeof"홍길동" + "<br>" + "325" + typeof 325 + "<br>"
	+ "3.141592" + typeof 3.141592 + "<br>"+ "true" + typeof true + "<br>" + "array" + typeof [1, 2, 3] + "<br>"
	+ "object" + typeof {numb:1, name:'abc'};
	
	

</script>

</body>
</html>

저작자표시

'🚀 자바 스크립트 JavaScript' 카테고리의 다른 글

자바 스크립트 기초 문제/풀이 - 1️⃣ 📝 (0)	2021.03.02
5️⃣ 자바 스크립트 Date (0)	2021.03.02
4️⃣ 자바 스크립트 일반태그, 폼(from)태그 Getter와 Setter + 메소드 (0)	2021.03.02
2️⃣ 자바 스크립트 Inline , Internal , external 방식 (0)	2021.03.02
1️⃣ 자바 스크립트 입문 (0)	2021.03.02

👨‍💻 코딩 도서관

3️⃣ 자바스크립트의 변수 var , let , const + ( foreach와 생성자 사용법 )

1. var -> 변수 '재선언' 가능

2. let -> 변수 '재선언' 불가능 , 하지만 '재할당'은 가능

3. const - > 변수 '재선언'과 '재할당' 모두 불가능

'🚀 자바 스크립트 JavaScript' 카테고리의 다른 글

댓글

티스토리툴바

3️⃣ 자바스크립트의 변수 var , let , const + ( foreach와 생성자 사용법 )

1. var -> 변수 '재선언' 가능

2. let -> 변수 '재선언' 불가능 , 하지만 '재할당'은 가능

3. const - > 변수 '재선언'과 '재할당' 모두 불가능

'🚀 자바 스크립트 JavaScript' 카테고리의 다른 글

관련글

댓글

티스토리툴바