05_JS 함수
함수(function)
함수: 함수는 이벤트에 의해 구동되거나 호출될 때 반복적으로 사용할 수 있는 코드 블록입니다.
함수의 성명
함수 사용은 변수와 마찬가지로 성명이 필요합니다
사용자 정의 함수
function func(){
alert(123);
}
func();// ,
함수 직접량 성명
var fun1 = function(){
alert(" ")
}
fun1();
Function 키워드를 사용하여 선언
var fun2 = new Function("var a = 10; var b = 20; alert(a+b)");
fun2();
변수 향상
var num = 10;
showValue();
function showValue(){
console.log(num);//undefined
var num = 20;
}
위의 결과는 10이 아니라 undefined 위의 코드는 ===와 같다
var num = 10;
showValue();
function showValue(){
var num;
console.log(num);
num = 20;
}
함수체 내부의 생명 변수는 이 변수의 성명을 함수체의 맨 끝에 두지만 변수 성명만 향상시키고 값을 부여하지 않는다(부치는 아직 제자리에 있다).
함수 매개 변수
/* function func(a,b){
console.dir(a+b);
}
func(1,3);//4
func(5);//NaN
func(4,6,2);//10*/
function fn(a,b){
console.log(fn.length);//2,
console.log(arguments.length);//2,
console.log(arguments);//
console.log(fn.arguments);//
if(fn.length == arguments.length){
console.log(a+b);
}else{
console.error(" , , :"+fn.length);
}
}
fn(2,3);
fn(2,3,4);
예:
<style type="text/css">
body,ul,li{
margin: 0;
padding: 0;
}
ul,li{
list-style: none;
}
.box{
width: 360px;
height: 430px;
margin: 100px auto;
}
.box li{
float: left;
margin-left: 2px;
}
</style>
<script type="text/javascript">
window.onload = function(){
var imgDom = document.getElementById("main-img");
function fn(liId,imageSrc){
var target = document.getElementById(liId);
target.onmouseover = function(){
imgDom.src = imageSrc;
}
}
fn("li-btn1","images/01big.jpg");
fn("li-btn2","images/02big.jpg");
fn("li-btn3","images/03big.jpg");
fn("li-btn4","images/04big.jpg");
fn("li-btn5","images/05big.jpg");
}
</script>
<div class="box">
![](images/01big.jpg)
<ul>
<li id="li-btn1">![](images/01.jpg)</li>
<li id="li-btn2">![](images/02.jpg)</li>
<li id="li-btn3">![](images/03.jpg)</li>
<li id="li-btn4">![](images/04.jpg)</li>
<li id="li-btn5">![](images/05.jpg)</li>
</ul>
</div>
</code></pre></article></div></div>
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSONJSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.