바닐라코딩 사전학습/JS19 Scope, Lexical Scope(정적 스코프) var vscope = 'global'; function fscope(){ console.log(vscope); } fscope(); //결과: global 함수 밖에서 변수를 선언하면 그 변수는 전역변수가 된다. 전역변수(global scope)는 애플리케이션 어디에서든 접근이 가능한 변수이다. var vscope = 'global'; function fscope(){ var vscope = 'local'; console.log('함수안 '+vscope); } fscope(); console.log('함수밖 '+vscope); //결과: 함수안 local 함수밖 global 지역변수의 유효범위는 함수 내부이다. var vscope = 'global'; function fscope(){ vscope = .. 2021. 12. 27. appendChild()와 node참조 두 코드의 차이는? const something = document.createElement("p"); for (let i = 0; i < 5; i++) { something.textContent = i; document.body.appendChild(something); } //결과 : 4 for (let i = 0; i < 5; i++) { const something = document.createElement("p"); something.textContent = i; document.body.appendChild(something); } //결과 : //0 //1 //2 //3 //4 위의 코드는 createElement를 통해 p태그를 만들고 이후에는 반복문이 실행되면서 바뀐값이 appendCh.. 2021. 12. 24. Callback함수 이 글은 jason9319님의 티스토리를 참고하여 작성하였습니다. [JavaScript] 콜백(Callback)함수와 비동기 처리 (tistory.com) [JavaScript] 콜백(Callback)함수와 비동기 처리 (tistory.com) [JavaScript] 콜백(Callback)함수와 비동기 처리 자바스크립트에서 콜백 함수는 매우 중요한 개념이다. 콜백함수란? 콜백함수는 함수 내부에서 매개변수로 전달되어 특정 시점에 호출되는 함수를 말한다. 다음은 콜백함수의 예제이다. 간단하 jason9319.tistory.com Array를 공부하다 forEach메서드는 콜백함수를 사용한 메서드라는 것을 알게되었다. 그렇다면 콜백함수는 무엇일까? 콜백함수 파라미터로 함수를 전달받아서 함수의 내부에서 실행하는.. 2021. 12. 24. Function / Arrays / Object 이 글은 var, let, const 차이점 (velog.io) bathingape님의 글을 참고해서 작성하였습니다 Function (함수) **변수 선언시에 var, let, const의 차이 1. 선언 시 차이 var : 같은 이름의 변수를 선언해도 에러를 출력시키지 않고 덮어씌운다. -> 이를 보완하기 위해 나온것이 let과 const let : 같은 이름의 변수를 선언하면 이미 선언된 변수명이라고 에러메세지를 출력시켜준다. 변수에 다른 값을 입력시키기 가능(재할당 가능) const : let과 같이 같은 이름의 변수를 선언하면 에러메세지 출력. 재할당도 불가능. var name = 'bathingape' console.log(name) // bathingape var name = 'javascri.. 2021. 12. 24. Falsy/Truhty, ==/=== JS는 값들에 falsy와 truhty가 있다. Falsy 0, -0, false, undefined, null, "", '', '', NaN 위의 Falsy값 이외의 모든 값들은 Truhty값이다. Falsy와 Truhty는 사용자가 정확한 Boolean 값이 아니더라도 JS에서 필요할 때 적절하게 바꿔준다. (조건문 등) 주의점 // true '' == 0; false == 0; null == undefined; // false 0 == undefined; '' == null; NaN == NaN; Falsy와 Truhty는 만약 해당 타입이 코드에 적절한 타입이 아닐 경우 true 혹은 false로 바꾸어 줄 뿐이다. 값 자체가 바뀌는 것은 아니기 때문에 같음을 비교하려고 한다면 타입까지 비교해주는.. 2021. 12. 24. JS의 요소들 Variables Identifiers는 숫자, 알파벳, $, _ 가 사용될 수 있으나 숫자로 시작해서는 안된다. 또한 예약어는 Identifiers가 될 수 없다. var one = 1;은 var one; one = 1; 을 하나로 합친 코드이다. 따라서 var one=1; 이라는 코드는 one이라는 변수를 만든 후에 1을 one에 대입하는 코드이다. Boolean Boolean은 True와 False 두가지 값만 가진다. console.log란? 자바스크립트 console.log인수로 설정한 값을 디버거 콘솔에 표시하는 함수. 디버깅 시 강력하게 사용가능 null & undefined undefined "정의되지 않음" 을 뜻한다. 어떤 변수를 만들고 그 값을 정의해주지 않았을 때 사용. 값이 대입되.. 2021. 12. 24. 이전 1 2 3 4 다음
