본문 바로가기

javascript 함수3

[ 모던 자바스크립트 스터디 ] 함수 호출 함수 호출 함수 호출 연산자 내에는 0개 이상의 인수를 쉼표로 구분해서 나열하고, 함수 호출 시 실행 흐름을 중단하고 호출된 함수로 제어권이 넘어간다. 이때 매개변수에 인수가 순서대로 할당되고 함수 몸체의 문들이 실행되기 시작한다. 매개변수, 인수 인수는 실제 함수에 넘어가는 값이며, 전달되어 매개변수에 할당된다. 매개변수는 함수를 정의할 때 선언하며, 함수 몸체 내부에서 변수와 동일하게 취급된다. 매개변수는 함수 몸체 내부에서만 참조할 수 있고, 함수 몸체 외부에서는 참조 불가능하다. 즉 매개변수의 스코프는 함수 내부라는 것이다. 함수는 매개변수의 개수와 인수의 개수가 일치하지 않는지 체크하지 않는다. 만약 인수가 부족해서 인수가 할당되지 않는다면 해당 매개변수는 undefined 값을 가진다. 매개변.. 2022. 9. 18.
[ 모던 자바스크립트 스터디 ] 함수 선언/ 함수 표현/ Function/ 화살표 함수 자바스크립트에서는 함수도 객체이다. 함수 정의 함수를 정의하는 방법에는 4가지가 있다. 함수 선언문 함수 표현식 Function 생성자 함수 화살표 함수 함수 선언문 function add(x, y) { return x + y; } console.dir(add); consolg.log(add(3, 10)); console.dir 은 함수 객체의 프로퍼티까지 출력해준다. 함수 선언문은 함수 리터럴과는 달리 함수 이름을 생략할 수 없다는 걸 알고 있자. 함수 선언문은 표현식이 아닌 문이다. 표현식이 아닌 문은 변수에 할당할 수 없는데, 함수 선언문도 표현식이 아닌 문이므로 변수에 할당할 수 없다. 엥? 되는데요? 이게 되는 이유는 자바스크립트 엔진이 코드 문맥에 따라 함수리터럴을 표현식이 아닌 문인 함수 선.. 2022. 9. 18.
[ JavaScript ] JavaScript와 JQuery 를 이용한 간단한 타이머 만들기 | 제이쿼리 setTimeout 함수 timer 0.00 다음 html 코드를 실행하면 아래와 같이 출력된다. 이제 자바스크립트와 제이쿼리를 이용해서 timer 아래의 숫자가 증가하게 만들어보자! 사실,,, 코드는 너무 너무 간단하다. 코드부터 보여드리고 설명을 진행하겠다. // 시간을 담을 변수 t var t=0; function timer(){ // 0.01(10ms)초마다 t 값을 0.01 증가시키고 // 증가된 t 값을 timer 클래스 하위 html에 출력 setTimeout(function(){ t+=0.01; $(".timer").html(`${t.toFixed(2)}`); timer(); }, 10) }; timer(); 우선 시간 담을 변수 t 를 하나 선언해주고, setTimeout 이라는 제이쿼리 함수를 이용해 제작했다... 2021. 1. 13.