웹(web)/프론트엔드-javascript25 [Function] varient using function js에서 함수가 어떻게 쓰이는지 알아보자. 1. call back function 내가 요청한 페이지 로딩이 끝났을 때 알람을 띄어주는 것을 해보자. window.onload = function(){ alert("call back funtion!"); }; 이렇게 하면 새로고침 할 때마다 call back function이 팝업으로 뜬다. 위와 같은 방식으로 이벤트 별로 원하는 코드를 실행하도록 등록해둘 수 있다. 클릭이나 드래그나 스크롤 등 다 가능하다. 이런 것을 이벤트 핸들러에 콜백 함수를 등록해서 사용한다고 한다. 2. immediate function 싱글턴 패턴처럼 프로그램에서 한 번만 수행하는 함수를 선언후 실행하는 방식이다. 예를 들면 다음과 같다. (function (name){ aler.. 2020. 6. 1. [Function] Function property 함수 객체를 만들면 속성이 추가 가능하다. function add(x,y){ return x+y; } add.name = 'add function'; 위와 같이 함수를 만들고 속성을 추가하면 함수 객체에는 다음과 정보로 구성된다. [[CODE]] ---> return x+y; name ---> 'add function' 즉, 파라미터나 파라미터 개수와 같은 정보들도 등록되있다. 위에서 만든 add 함수를 만들었다. add라는 이름만을 쓰면 함수의 참조값으로 사용된다. c의 함수 포인터처럼 함수 이름만을 사용하면 주소값이 전달되는 것처럼 파악된다. 또한 리턴문에 function(){}와 같은 함수를 리턴하게 되면 동일하게 함수의 참조값이 전달된다. ECMA5 명세에서 모든 함수는 length, protot.. 2020. 5. 31. [Function] Funtion create js에서 function을 만들어보자. 방식 1 function add(x,y) { return x+y; } c와 python을 섞어둔 모습같다. python과 같이 매개변수와 리턴값에 대한 타입을 안 적는다. 방식2 var sum = funtion add(x,y){ return x+y; }; 방식 2에서 } 뒤에 세미콜론을 써야한다. 방식 1과 2는 엄연히 구조가 다르다. 방식 1, 2의 구조 방식1 functionadd(x,y){ return x+y} 방식2 sum----> functionadd(x,y){return x+y} 방식2를 함수 표현식이라고 칭한다. 다른 디테일이 있지만 단순하게 사용하고 추후에 살펴보는 것이 헷갈리지 않고 좋다. 방식3 var sum= new Function('x', 'y.. 2020. 5. 31. [Operator] Primitive type & standard method 기본타입에는 number, string, boolean이 있다고 했다. 객체가 아닌 기본 타입들을 위한 메서드가 제공이 될까? 답은 제공이 된다. 객체로 변환되어 처리된 후 다시 기본 타입으로 돌아간다. var myStr = "abcdefg"; console.log(myStr.chatAt(2)); 두 줄을 실행하면 myStr에 대하여 2번째 인덱스에 해당하는 문자를 가져오려고 할 것이다. 하지만 기본타입은 객체가 아니기 때문에 객체로 변환되어 처리하는 방식이다. 2020. 5. 30. 이전 1 2 3 4 5 6 7 다음