-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathjavascript_function.html
More file actions
166 lines (122 loc) · 4.18 KB
/
javascript_function.html
File metadata and controls
166 lines (122 loc) · 4.18 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Javascript Function</title>
<!-- <script>
// 함수 : 필요한 데이터를 받아 데이터를 처리하고, 결과를 반환하는 기능을 정한 코드의 집합
// function 키워드를 이용해서 정의
// 1. 익명함수 : 이름을 정의하지 않은 함수 -> 식별자(변수)를 통해서 정의할 때 사용
// 2. 명시적 선언함수
// 변수의 호이스팅 특징으로 변수는 미리 만들어진다.
console.log('check', fn1);
// fn1();
// 익명함수를 사용하는 예
var fn1 = function(){
alert('익명함수 호출!!!');
};
var fn1 = function(){
alert('재정의된 함수 호출');
};
// 함수의 호출
fn1();
// 함수의 호이스팅으로 함수는 미리 만들어져 저장되어 있고 함수의 선언보다 앞에서 호출이 가능
fn2();
// 함수의 명시적 정의
function fn2() {
alert('명시적 정의 함수 호출');
}
function fn2() {
alert('재정의된 명시적 함수 호출!!!');
}
// 함수의 호출
// fn2();
</script> -->
<!-- <script>
// 매개변수, 반환 값이 있는 함수 정의
function add(num1, num2){
return num1+num2;
}
alert(add(10,20));
var hello = function(name){
alert(name+'님 반갑습니다.');
};
hello('KING', 10, 20);
</script> -->
<!-- <script>
// 가변 매개변수 활용
function sumAll () {
var sum = 0;
for(var i = 0; i< arguments.length; i++){
sum += arguments[i];
}
return sum;
}
console.log('1~10까지의 합 :', sumAll(1,2,3,4,5,6,7,8,9,10));
</script> -->
<!-- <script>
// 함수에서 사용되는 return
// 1. 함수의 종료
// 2. 값을 반환
function returnFunc(){
alert('AAA');
return; // 함수의 종료
alert('BBB');
}
var value = returnFunc();
console.log(typeof value, value);
</script> -->
<!-- <script>
// 콜백 함수 -> 매개변수로 전달 받은 함수
// 매개변수로 전달받은 함수를 10번 실행하는 함수를 정의
function callTenTimes(callBackFn) {
// 데이터처리 .....
for(var i = 0; i < 10; i++){
callBackFn();
}
}
/* function callBack() {
console.log('callBack Function call');
} */
var callBack = function() {
console.log('callBack Function call');
};
callTenTimes(callBack);
</script> -->
<!-- <script>
// 1초마다 시간을 출력
var id = setInterval(function(){
// var html = '<h3>'+ new Date() + '</h3>';
document.body.innerHTML= '<h3>'+ new Date() + '</h3>';
}, 1000);
// 10초 후에 인터벌 함수를 종료
setTimeout(function(){
clearInterval(id);
}, 10000);
</script> -->
<!-- <script>
// Javascript의 문자열을 생성
var jsStr = '';
jsStr += 'var num11 = 10;';
jsStr += 'alert(num11);';
// 문자열을 javascript코그로 실행
eval(jsStr);
</script> -->
<script>
var won = '1000원';
var dollar = '1.5$';
console.log(Number(won)); // NaN
console.log(Number(dollar)); // NaN
console.log(parseInt(won));
console.log(parseFloat(dollar));
console.log(parseInt('0x273')); // 16진수 표현
console.log(parseInt('273', 8)); // 8진수 표현
console.log(parseInt('273', 16)); //16 진수 표현
console.log(parseInt('1000', 2)); // 2진수 표현
</script>
</head>
<body>
</body>
</html>