Coding/Java Script(5)
-
Java Script - 함수 : 콜백함수
콜백함수 정의 : 함수에 파라미터 형태로 들어가는 함수 용도 : 순차적으로 코드를 실행하고 싶을 때 사용 주로 이벤트리스너를 배우게되면 콜백 함수를 가장 먼저 발견하게 되는데요 HTML의 어떤 버튼을 눌렀을 때 특정 자바스크립트 코드를 실행하고 싶다면 이벤트리스너를 만들게 됩니다. addEventListener함수의 파라미터 자리에 또 하나의 함수(function(){})를 집어넣고 있습니다. 이것이 콜백함수입니다. 위의 setTimeout함수에서도 콜백함수를 발견할 수 있습니다. 1초 경과 후에 어쩌구저쩌구 실행해주세요 라는 뜻입니다. 이 함수에서도 콜백함수를 집어넣게 되어있습니다. 콜백 함수의 특징이 있는데요 첫 번째. 다른 곳에서 정의한 함수도 콜백함수로 넣을 수 있다. 두 번째. 콜백함수에 함수명..
2024.03.30 -
Java Script - 클로저
function outter(){//외부함수 var title = 'coding everybody'; return function(){//내부함수 alert(title); } } var inner = outter(); inner(); 외부함수 outter에 내부함수가 정의되어 있고, 내부함수를 return하고있다. outter함수는 return하고 있다. 그럼에도 불구하고 내부함수에서는 외부함수의 지역변수title에서 가져와서 inner를 호출하고있다. inner함수를 호출한다는 것은 내부함수에 있는 alert(title)이라고 하는 이 구문을 실행 하는 것인데 title은 내부함수에 존재하는 값이 아니고 외부함수 outter에 존재하는 값이다. 즉, 외부함수는 이미 종료되었는데 우리는 그 외부함수로 인..
2024.03.24 -
JavaScript - 함수 : 값으로서 함수
JavaScript에서는 함수도 객체다. 다시 말해서 일종의 값이다. 거의 모든 언어가 함수를 가지고 있다. JavaScript의 함수가 다른 언어의 함수와 다른 점은 함수가 값이 될 수 있다는 점이다. 다음 예제를 통해서 그 의미를 알아보자. function a(){} //var a=function(){}와 동일함 위의 예제에서 함수 a는 변수 a에 담겨진 값이다. 또한 함수는 객체의 값으로 포함될 수 있다. 이렇게 객체의 속성 값으로 담겨진 함수를 메소드(method)라고 부른다. a = { b:function(){ } }; 변수 a에 객체를 정의함 ( 객체는 중괄호로 시작해서 중괄호로 끝) 객체안에 b라는 key가 있음 key의 값은 function이라는 값(value)이 있음 b(key)는 이 객..
2024.03.24 -
Java Script - 함수 : 유효범위
유효범위 - 번수의 수명을 의미한다 자바스크립트는 함수에 대한 유효범위만을 제공한다. 많은 언어들이 블록(대체로 {,})에 대한 유효범위를 제공하는 것과 다른 점이다. 아래 예제의 결과는 coding everybody이다. for(var i = 0; i < 1; i++){ var name = 'coding everybody'; } alert(name); 자바에서는 아래의 코드는 허용되지 않는다. name은 지역변수로 for 문 안에서 선언 되었는데 이를 for문 밖에서 호출하고 있기 때문이다. for(int i = 0; i < 10; i++){ String name = "egoing"; } System.out.println(name); 자바스크립트의 지역변수는 함수에서만 유효하다. 자바스크립트는 함수가 ..
2024.03.23 -
Uncaught SyntaxError: Unexpected string
객체지향 프로그래밍 오류 : Uncaught SyntaxError: Unexpected string 원인 : 오타 grades라는 변수안에 들어간 객체들 사이에 쉼표를 빼먹었다 .. ㅜㅅㅜ
2024.03.22