본문 바로가기

javascript10

[JS]함수 스코프 개념 이해 Scope란 사전적 의미는 '범위'이며, 함수 스코프는 함수의 유효 범위를 말함. 전역변수와 지역변수의 개념과 차이 전역변수는 자바스크립트 어디에서든 사용할 수 있는 변수 지역변수는 함수 스코프에서만 사용할 수 있는 변수. 아래는 전역변수와 지역변수를 선언하는 기본형태. var 변수명; //-전역변수// function 함수명() { var 변수명; //- 지연변수// } 아래와 같이 입력하면 첫번째 alert으로 50, 두번째 alert로는 10이 나온다. var score = 10; function myFnc() { var score = 50; alert(score); //50 } myFnc(); alert(score); myFnc()를 호출하는데 이 함수는 score 값으로 50을 가지고있고 sco.. 2020. 8. 13.
[JS] 익명함수(무명함수)와 즉시실행함수 일반적인 함수의 형태(선언적 함수)는 아래와 같이 함수에 sum이라는 이름을 붙여 재사용 할 수 있게 만듦. function sum(a,b){ var m = a + b; return m; } var sumanswer = sum(1,2); console.log(sumanswer); 이에 반해 익명함수의 경우는 아래와 같이 함수(function)에는 이름이 없고 함수에 바로 (a,b)라는 인수만 지정됨. var sum = function(a,b){ var m = a + b; return m; } var sumanswer = sum(1,2); console.log(sumanswer); 위의 익명개념 함수에서 확장 된 것이 즉시실행함수 이 즉시실행함수는 변수 안에 함수와 인수값까지 몽땅 다 집어넣어서 사용하는 .. 2020. 8. 13.
[JS] 콜백(callback)함수 구글링을 해도 콜백함수에 대한 내용을 뉴비도 쉽게 이해할 수 있는 글이 잘 없어서 페이스북 생활코딩 및 카톡 치킨모임방에 질문을 했는데 정말 친절하게 답변해주셔서 이를 공유하여 널리 이롭게(?) 하려고 포스팅 합니다. 다시한번 답변해 주셔서 감사드립니다. 콜백 함수란 나중에 호출되는 함수이다. 이 콜백함수는 특별한 함수가 아니라 특정한 용도로 쓰이는 함수를 의미한다. 이벤트 발생, 혹은 특정 상황에 시스템에서 호출하는 함수를 의미한다. 일단 콜백 함수는 네이버에서의 로그인을 예시로 들자면 아이디,비번을 입력하고 로그인을 누르면, 계정 정보 일치여부를 확인하고 페이지이동(로그인 화면 출력)과 같은 프로세스를 따를 때, 아래와 같은 느낌 function 로그인(성공시 로그인 화면 출력) { 로그인 작업 성공.. 2020. 8. 13.
[JS] 프로토타입과 클래스 객체 생성자 객체 생성자는 함수를 통해 새로운 객체를 만들고, 그 안에 넣고 싶은 값 혹은 함수들을 구현할 수 있게 해줌. function Animal(type, name, sound) { this.type = type; this.name = name; this.sound = sound; this.say = function() { console.log(this.sound); }; } const dog = new Animal('개', '멍멍이', '멍멍'); const cat = new Animal('고양이', '야옹이', '야옹'); dog.say(); cat.say(); 객체 생성자를 사용 할 때는 보통 함수의 이름을 대문자로 시작하고, 새로운 객체를 만들 때에는 new키워드를 앞에 붙여줘야 함. 위 .. 2020. 8. 12.
[JS] 배열 내장함수 concat, join, reduce concat 여러개의 배열을 하나의 배열로 합쳐줍니다. const arr1 = [1, 2, 3]; const arr2 = [4, 5, 6]; const concated = arr1.concat(arr2); console.log(concated); join 배열 안의 값들을 '문자열'형태로 합쳐줌 인자로 받은 값을 기준으로 합쳐줌. const array = [1, 2, 3, 4, 5]; console.log(array.join()); // 1,2,3,4,5 console.log(array.join(' ')); // 1 2 3 4 5 console.log(array.join(', ')); // 1, 2, 3, 4, 5 reduce 주어진 배열에 대한 총합을 구할 때, 기존 코드는 아래와 같이 구현하지만 co.. 2020. 8. 12.
[JS] 배열 내장함수 shift, pop, unshift sihft shift는 첫번째 원소를 배열에서 추출(기존 배열에서는 삭제) const numbers = [10, 20, 30, 40]; const value = numbers.shift(5); console.log(value); console.log(numbers); pop 배열의 맨 마지막 항목을 추출(기존 배열에서 삭제) const numbers = [10, 20, 30, 40]; const value = numbers.pop(); console.log(value); console.log(numbers); unshift shift의 반대로 배열의 맨 앞에 새 원소를 추가함 const numbers = [10, 20, 30, 40]; numbers.unshift(5); console.log(number.. 2020. 8. 12.