[TIL]王超宝脱出記#8関数
20649 ワード
n.関数
コードの再利用性を向上させ、関数論理を再実行できます.
機能基本構成
function 함수명 (인자..[,인자]){
코드
return 반환값
}
関数呼び出し<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<script type="text/javascript">
function numbering(){
i = 0;
while(i<20){
document.write(i+"<br />");
i += 1;
}
}
numbering(); //호출을 하면 위에 함수를 정의한 긴 코드를 쉽게 불러올 수 있다..!
</script>
</body>
</html>
戻り関数出力
return終端関数.
retrun「abc」の場合、関数の終了後に「abc」が返されます.<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<script type="text/javascript">
function get_member1(){
return 'egoing';
}
function get_member2(){
return 'k8805';
}
alert(get_member1()); //egoing을 반환
alert(get_member2()); //k8805를 반환
</script>
</body>
</html>
入力関数
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<script type="text/javascript">
function get_argument(arg){
return arg*1000;
} //arg는 매개변수(parameter), 매개변수는 인자값을 받아 출력한다.
alert(get_argument(1)); // 1000 괄호 안의 1은 '인자'
alert(get_argument(2)); // 2000
</script>
</body>
</html>
ふくそいんし
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<script type="text/javascript">
function get_argument(arg1, arg2){
return ar1 + arg2; //리턴값은 한개만 받을 수 있다.
} //arg1은 (10, 20) / arg2는 (20, 30)
alert(get_argument(10, 20)); // 2개의 인자
alert(get_argument(20 ,30));
</script>
</body>
</html>
複数の定義方法
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<script type="text/javascript">
/*변수 안에 함수를 넣어 정의하기*/
numbering = function (){
i =0;
while(i < 10){
document.write(i);
i +- 1;
}
}
numbering();
/*함수 이름으로 정의하기*/
function numbering(){
i =0;
while(i < 10){
document.write(i);
i +- 1;
}
}
/* 익명함수 */
(function (){
i =0;
while(i < 10){
document.write(i);
i +- 1;
}
})(); //익명함수는 1회성으로 호출할 때 사용하곤 한다.
</script>
</body>
</html>
Reference
この問題について([TIL]王超宝脱出記#8関数), 我々は、より多くの情報をここで見つけました
https://velog.io/@im667/TIL왕초보탈출기8-함수
テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol
function 함수명 (인자..[,인자]){
코드
return 반환값
}
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<script type="text/javascript">
function numbering(){
i = 0;
while(i<20){
document.write(i+"<br />");
i += 1;
}
}
numbering(); //호출을 하면 위에 함수를 정의한 긴 코드를 쉽게 불러올 수 있다..!
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<script type="text/javascript">
function get_member1(){
return 'egoing';
}
function get_member2(){
return 'k8805';
}
alert(get_member1()); //egoing을 반환
alert(get_member2()); //k8805를 반환
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<script type="text/javascript">
function get_argument(arg){
return arg*1000;
} //arg는 매개변수(parameter), 매개변수는 인자값을 받아 출력한다.
alert(get_argument(1)); // 1000 괄호 안의 1은 '인자'
alert(get_argument(2)); // 2000
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<script type="text/javascript">
function get_argument(arg1, arg2){
return ar1 + arg2; //리턴값은 한개만 받을 수 있다.
} //arg1은 (10, 20) / arg2는 (20, 30)
alert(get_argument(10, 20)); // 2개의 인자
alert(get_argument(20 ,30));
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<script type="text/javascript">
/*변수 안에 함수를 넣어 정의하기*/
numbering = function (){
i =0;
while(i < 10){
document.write(i);
i +- 1;
}
}
numbering();
/*함수 이름으로 정의하기*/
function numbering(){
i =0;
while(i < 10){
document.write(i);
i +- 1;
}
}
/* 익명함수 */
(function (){
i =0;
while(i < 10){
document.write(i);
i +- 1;
}
})(); //익명함수는 1회성으로 호출할 때 사용하곤 한다.
</script>
</body>
</html>
Reference
この問題について([TIL]王超宝脱出記#8関数), 我々は、より多くの情報をここで見つけました https://velog.io/@im667/TIL왕초보탈출기8-함수テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol