Latest web development tutorials
×

JavaScript 코스

JavaScript 코스 JavaScript 간략한 소개 JavaScript 용법 JavaScript 수출 JavaScript 문법 JavaScript 문 JavaScript 주의 JavaScript 변수 JavaScript 데이터 유형 JavaScript 사물 JavaScript 기능 JavaScript 범위 JavaScript 행사 JavaScript 현 JavaScript 운영자 JavaScript 비교 JavaScript If...Else JavaScript switch JavaScript for JavaScript while JavaScript Break & Continue JavaScript typeof JavaScript 형식 변환 JavaScript 정규 표현식 JavaScript 오류 JavaScript 디버깅 JavaScript 변수 리프트 JavaScript 엄격 모드 JavaScript 부적절한 사용 JavaScript 폼 인증 JavaScript 예약 키워드 JavaScript JSON JavaScript void JavaScript 코드 사양

JS 기능

JavaScript 함수 정의 JavaScript 함수 인수 JavaScript 함수 호출 JavaScript 클로저

JS HTML DOM

DOM 간략한 소개 DOM HTML DOM CSS DOM 행사 DOM EventListener DOM 요소

JS 고급 자습서

JavaScript 사물 JavaScript Number JavaScript String JavaScript Date JavaScript Array JavaScript Boolean JavaScript Math JavaScript RegExp 사물

JS 브라우저 BOM

JavaScript Window JavaScript Window Screen JavaScript Window Location JavaScript Window History JavaScript Navigator JavaScript 대중적인 JavaScript 시간 제한 이벤트 JavaScript Cookies

JS 창고

JavaScript 창고 JavaScript 테스트 jQuery JavaScript 테스트 Prototype

JS 예

JavaScript 예 JavaScript 객체 인스턴스 JavaScript 브라우저 객체 인스턴스 JavaScript HTML DOM 예 JavaScript 개요

JS 참조 설명서

JavaScript 사물 HTML DOM 사물

자바 스크립트 함수

이 호출 될 때 기능은 이벤트 구동 또는 실행되는 코드의 재사용 가능한 블록이다.

예

<!DOCTYPE html>
<html>
<head>
<script>
function myFunction()
{
alert("Hello World!");
}
</script>
</head>

<body>
<button onclick=" myFunction() ">Try it</button>
</body>
</html>

자바 스크립트 함수 구문

펑션 블록은 중괄호로 감싸, 이전 키워드 기능을 사용합니다 :

functionfunctionname()
{
执行代码
}

함수가 호출되면 그 함수 내의 코드를 실행한다.

이 이벤트 (예를 들면, 사용자가 버튼을 클릭 할 때와 같이) 발생시 함수를 직접 호출 할 수 있고, 자바 스크립트는 임의의 위치라고 할 수있다.

램프 자바 스크립트는 대소 문자를 구분합니다. 키워드 기능은 소문자 여야하고, 함수를 호출하는 경우와 같은 이름으로 작동해야합니다.

함수 인수를 호출

함수를 호출 할 때, 당신은 그것에게 가치를 전달할 수 있습니다,이 값은 인수라고합니다.

이러한 파라미터는 함수에 사용될 수있다.

쉼표로 구분 된 매개 변수의 수를 보낼 수 있습니다 (,) :

myFunction(argument1,argument2)

당신은 함수, 변수 선언과 같은 매개 변수를 선언 할 때 :

function myFunction( var1 , var2 )
{
代码
}

변수 및 매개 변수 같은 순서로 나타나야합니다. 첫 번째 변수는 그래서의 첫 번째 전달 된 매개 변수에 지정된 값과입니다.

예

<button onclick="myFunction( 'Harry Potter' , 'Wizard' )">Try it</button>

<script>
function myFunction( name , job )
{
alert("Welcome " + name + ", the " + job );
}
</script>

»시도

위의 기능 버튼은 메시지 "환영 해리 포터의 마법사"를 클릭합니다.

함수는 매우 유연,이 함수를 호출하는 다양한 매개 변수를 사용할 수 있고, 이는 다른 메시지를 제공한다 :

예

<button onclick="myFunction( 'Harry Potter' , 'Wizard' )">Try it</button>
<button onclick="myFunction( 'Bob' , 'Builder' )">Try it</button>

»시도

를 누르면 다른 버튼에 따르면, 위의 예는 "환영 해리 포터의 마법사"또는 "에 오신 것을 환영합니다 밥 빌더"를 묻는 메시지가 표시됩니다.

함수는 값을 반환

때때로 우리는 함수가 호출하는 함수에 값을 반환 할 수 있습니다.

리턴 구문을 사용하여 달성 될 수있다.

return 문을 사용하는 경우, 함수는 실행을 중지하고 지정된 값을 반환합니다.

문법

function myFunction()
{
    var x=5;
    return x;
}

위의 함수는 5의 값을 반환합니다.

참고 : 전체 자바 스크립트 실행, 그냥 기능을 중지하지 않습니다. 자바 스크립트 코드의 실행은 함수가 호출되는 위치에서 계속됩니다.

함수 호출은 값 치환 반환됩니다 :

var myVar=myFunction();

myVar에 변수의 값, 즉 함수에 의해 리턴 "하여 myFunction ()"는 값 5이다.

변수로 저장하지 않으면, 당신은 반환 값을 사용할 수 있습니다 :

document.getElementById("demo").innerHTML=myFunction();

innerHTML을 "데모"요소 즉, 함수에 의해 반환, "()하여 myFunction"값 5됩니다.

당신은 매개 변수를 기반으로 함수에 전달 된 반환 값을 만들 수 있습니다 :

예

두 숫자의 제품은 결과를 반환합니다 :

function myFunction(a,b)
{
return a*b;
}

document.getElementById("demo").innerHTML=myFunction(4,3);

innerHTML을 "데모"요소는 다음과 같습니다

12

»시도

당신은 단지 기능을 종료 할 때, return 문은 사용할 수있다. 리턴 값은 선택적이다 : 

function myFunction(a,b)
{
	if (a>b)
	{
		return;
	}
	x=a+b
}

a가 b보다 크다면, 상기 코드는 함수를 종료하고 A와 B의 합을 계산하지 않는다.

로컬 자바 스크립트 변수

VAR (사용) 함수 내에 선언 JavaScript 변수는 로컬 변수이므로 단지 함수 내에 액세스 될 수있다. (변수의 범위 로컬).

단 변수를 식별하는 변수의 함수를 선언 때문에, 다른 기능에 동일한 로컬 변수 이름을 사용할 수있다.

한 함수가 완료되면, 로컬 변수가 삭제됩니다.

글로벌 자바 스크립트 변수

함수 외부 선언 된 변수는 페이지의 모든 스크립트 기능을 액세스 할 수있는 전역 변수이다.

자바 스크립트 변수의 생존

그들이 시작 선언 된 시간에서 자바 스크립트 변수의 생명.

함수가 실행 된 후 지역 변수가 삭제됩니다.

전역 변수는 페이지의 마지막 후 삭제됩니다.

자바 스크립트 변수 선언되지 않은에게 값을 할당

당신이 변수에 값이 선언되지 않은 할당하면, 변수는 자동 전역 변수로 선언됩니다.

이 문 :

carname="Volvo";

우리는이 함수 내에서 수행되는 경우에도, 전역 변수 carname를 선언한다.