JS | 전역변수(global)와 지역변수(local)
·
JavaScript
var 변수가 전역적으로 사용되기 위해서 함수 scope가 지역변수처럼 사용된다. var 변수 스코프는 함수다. 함수 스코프를 갖는다. 중복 변수의 선언이 가능하다. 함수 안에서만 지역변수처럼 함수안에서만 유효하다. 중괄호 안에서 사용되는 변수는 전역취급을 한다. let변수는 자바 문법과 같다. 지역취급 var 변수 function안에서만 지역변수의 취급이 들어간다. //var변수의 유효범위는 함수이다. var num1 = 50; //전역변수 if(true) { var num2 = 100; //전역취급 } console.log(num2); //function안에서만 지역변수의 취급이 들어간다. var num3 = 100; //전역변수 function add(){ var num4 = 200; //지역변수 ..
JS | 함수의가변 인자 argument
·
JavaScript
자바스크립트에서 매개변수는 큰 의미가 없다. 단순히 인자 값에 들어오는 것에 이름을 붙이는 형태이다. 매개변수를 사용하는 이유 값을 외부에서 쉽게 전달받아 함수에서 사용하기 위해 사용 인자값의 개념이다. argument라는 키워드에서 언제든지 매개값을 찾아 사용할 수 있다. 매개값을 안쓰는것은 불가. 매개값을 지키려고는 해야함. 매개 변수가 가변적으로 변할 수 있다는 점을 알고 있어야한다. function func1(x,y) { //arguments 키워드를 이용해서 매개변수를 찾아서 사용할 수 있습니다. console.log("매개변수의 길이:"+arguments.length); //전달되는 매개변수를 찾아 사용할 수 있는 arguments 키워드 //arguments는 배열의 형태 console.lo..
JS | 함수(화살표 함수)
·
JavaScript
화살표 함수 -ES6에 추가된 함수 내용으로 => 를 이용하는 함수입니다.
JS | 함수(즉시실행 함수)
·
JavaScript
즉시 실행 함수 함수 표현은 함수를 정의하고, or 변수에 함수를 저장하고 실행하는 과정을 거칩니다. 하지만 즉시 실행함수는 함수를 정의하고 바로 실행한다. 익명함수를 소괄호로 묶어 사용하는 것이 즉시실행 함수이다. 사용 이유 : 페이지 시작시에 초기값을 지정해줄 때 사용 (function ( ) { })( ); 호출 //즉시실행 함수 (function(x,y,z){ console.log("즉시실행",(x+y+z)); //즉시실행 6 })(1,2,3);
JS | 함수(선언적 함수/익명 함수)
·
JavaScript
자바스크립트에서 함수는 1급 최상위 함수입니다. (함수에서 모든 문법들이 다 있다고 보면 된다.) 객체지향 프로그래밍 언어에서 메서드의 기능보다 훨씬 더 많은 기능을 한다. 자바스크립트는 함수가 주 사용목적이다. JS 함수는 크게 2개로 나누어진다. 이름이 있는 함수(선언적 함수) 이름이 없는 함수(익명 함수) 선언적 함수 -반환 유형은 없으며 매개변수도 적지 않아도 된다. -매개 변수는 데이터 타입을 적지 않는다. -return이 없으면 자동으로 undefined가 반환된다. function name (매개변수) { //return true; } 화면상에서 함수를 위쪽에 생성해놔야 아래쪽에서 함수를 호출할 수 있다. 위쪽에 꼭 선언이 먼저 들어가야한다. 단, 선언적함수는 당겨 호출하기가 가능하다. 이걸..
JS | 조건문
·
JavaScript
조건문 ( if else, switch ) if else var num1 = 1; if(num1 >= 10){ console.log('10보다 큼'); }else{ console.log('10보다 작음'); } //형변환 parseInt(값); 정수로의 형변환 / parseFloat(값); 실수로의 형변환 var a = parseInt(Math.random() * 101); // Math = 1미만 * 101미만 console.log(a); if(a >= 90) { } else if(a >= 80){ } else { } switch var b = '가'; switch (b) { case '가': console.log('가 입니다.'); //가 입니다. break; case '나': console.log(..
JS | 배열
·
JavaScript
자바 스크립트의 배열은 [ ] 로 묶어주기만 하면 됩니다. 자바 스크립트의 배열의 저장은 자바와 다르게 타입과 상관없습니다. 같은 타입만 들어갈 수 있는것이 아니라 어떤 타입이든 섞여서 들어갈 수 있다. 리스트처럼 동작 / 특징은 리스트와 같다 / 동적인 배열 / 고정값이 아닌 자동으로 변경된다. 같은 코드 var arr1 = []; var arr4 = new Array(); 괄호 안에 매개값을 하나만 넣으면 크기, 여러개 넣으면 배열의 초기값이다. //배열의 선언 방법1 //[]로 표현합니다. var arr = []; console.log(arr); // [] var arr = [1,2,3]; console.log(arr); // [1,2,3] var arr2 = ['a','b','c']; consol..
JS | 연산자
·
JavaScript
산술 연산자 + 더하기 - 빼기 * 곱하기 % 나누기 ++ 1씩 증가 = -- 1씩 감소 비교 연산자 = == (값만 같으면 true) != === (값도 같고, 타입도 같아야 true, 두개짜리보다 이걸 사용하는걸 더 권장함) !== 대입 연산자 = += -= *= %= /= 논리 연산자 ! && || 삼항 연산자 조건식 ? 실행문1 : 실행문2 자바랑 연산자가 다 같지만 ===, !== 이 부분만 다르다. var num1 = "10"; var num2 = 10; console.log(num1 == num2); //true (값만 비교) console.log(num1 != num2); //false console.log(num1 === num2);//false (값과 타입까지 비교) console.lo..