이때, 1+1은 숫자 2에 대한 표현식이다. 또한 1===1 은 true 라고하는 값에대한 표현식이다.
<body>
<h1>Function</h1>
<h2>Basic</h2>
<ul>
<script>
function two(){
document.write('<li>2-1</li>');
document.write('<li>2-2</li>');
}
document.write('<li>1</li>');
two();
document.write('<li>3</li>');
two();
</script>
</ul>
<h2>Parameter & Argument</h2>
<script>
function oneplusone(){
document.write(1+1+'<br>');
}
oneplusone();
function sum(left, right){
document.write(left+right+'<br>');
}
function sumColorRed(left, right){
document.write('<div style="color:red">'+left+right+'</div><br>');
}
sum(2,3); //5
sumColorRed(2,3); // 5
sum(3,4); //7
</script>
<h2>Return</h2>
<body>
<h1>Function</h1>
<h2>Basic</h2>
<ul>
<script>
function two(){
document.write('<li>2-1</li>');
document.write('<li>2-2</li>');
}
document.write('<li>1</li>');
two();
document.write('<li>3</li>');
two();
</script>
</ul>
<h2>Parameter & Argument</h2>
<script>
function oneplusone(){
document.write(1+1+'<br>');
}
oneplusone();
function sum(left, right){
document.write(left+right+'<br>');
}
function sumColorRed(left, right){
document.write('<div style="color:red">'+left+right+'</div><br>');
}
sum(2,3); //5
sumColorRed(2,3); // 5
sum(3,4); //7
</script>
<h2>Return</h2>
색상을 넣을때마다 밑에 코드를 추가해야하는 단점이 있다.
결과값
여기서 리턴이라는 함수를 사용해보자.
</script>
<h2>Return</h2>
<script>
function sum2(left,right){
return left+right;
}
document.write(sum2(2,3)+'<br>');
document.write('<div style="color:red">'+sum2(2,3)+'</div>');
document.write('<div style="font-size:3rem;">'+sum2(2,3)+'</div>');
</script>
<script>
</script>
</body>
</script>
<h2>Return</h2>
<script>
function sum2(left,right){ : 함수 sum2 (매개변수) 값을
return left+right; : 리턴을 이용해 (매개변수) 출력한다.
}
document.write(sum2(2,3)+'<br>');
document.write('<div style="color:red">'+sum2(2,3)+'</div>');
document.write('<div style="font-size:3rem;">'+sum2(2,3)+'</div>');
</script>
<script>
</script>
</body>
* return 을 사용해 코드를 단축하여 자유롭게 사용할수있다.
결과값
'cording > 생활코딩' 카테고리의 다른 글
| [Java Script] 객체생성, 반복문 (0) | 2022.03.14 |
|---|---|
| [Java Script] 함수의 활용 (0) | 2022.03.12 |
| [Java Script] 함수 Parameter, Argument, (0) | 2022.03.10 |
| [Java Script] 배열과 반복문의 활용 (0) | 2022.03.09 |
| [Java Script] 배열과 반복문 (0) | 2022.03.09 |
