- 익명함수 : function ( ) {} 형태는 함수이나 이름이 없음
- 선언적 함수 : 이름이 있는 함수
- 함수 호출 : 뒤에 괄호를 열고 닫음으로 코드를 실행
// 함수 정의
/*
function 함수이름 (매개변수,...){
// 데이터처리....
return 데이터;
}
*/
function fn(){
alert('이름을 명시적으로 정의한 함수');
}
// 변수에 함수를 정의하는 방식에서는 익명함수 형태로 정의
var func = function(){
alert('변수 func에 정의한 함수');
}
// 함수 호출
fn();
func();
alert(typeof(fn)+', '+typeof(func));
// 매개변수가 있는 함수
function add(num1, num2){
var result = num1 + num2;
return result;
}
alert(add(10,20));
function sumAll(){
var result = 0;
for(var i=0; i< arguments.length; i++){
result += arguments[i];
}
return result;
}
alert(sumAll(1,2,3,4,5,6,7,8,9,10));
function callTenTimes(callback){
for(var i=0; i<10; i++){
callback();
}
}
function callTimes(callback, num){
for(var i=0; i<num; i++){
callback();
}
}
var f1 = function(){
console.log('callback function call!!');
}
function f2(){
console.log('f2 call!!');
}
// setInterval() : 특정 간격마다 함수를 실행
var intervalId = setInterval(function(){
var html = '<h1>'+new Date()+'</h1>';
document.body.innerHTML=html;
}, 1000);
var jsCode = 'var num3=10;';
jsCode += 'alert(num3);';
// setTimeout() : 특정 시간이 지나면 함수를 한번 실행
setTimeout(function(){
clearInterval(intervalId);
alert(jsCode);
eval(jsCode);
},10*1000);
'front-end > Javascript & jquery' 카테고리의 다른 글
[자바스크립트] 문서 객체 가져오기 / getElementById / querySelector (0) | 2020.11.30 |
---|---|
[자바스크립트] 문서객체 만들기 / createElement / createTextNode (0) | 2020.11.30 |
[자바스크립트] onload (0) | 2020.11.30 |
[자바스크립트] 윈도우 객체 (0) | 2020.11.30 |
[자바스크립트] json /제이슨 (0) | 2020.11.27 |
[자바스크립트] 객체와 배열 (0) | 2020.11.27 |
[자바스크립트] 기본 (0) | 2020.11.27 |