JavaScript를 시작하기 위한 기본 기능에 대한 자세한 설명_기본 지식

함수 sum(){
var result = 0;
for(var i = 0, len = 인수.length; i < len; i ){
var current = 인수 [i];
if(isNaN(current)){
throw new Error("숫자 예외 없음")
}else{
result = current; }

결과 반환
}

print(sum(10, 20, 30, 40, 50))
print(4, 8, 15, 16 , 23, 42));//"Lost"에 대한 마법의 숫자 문자열
print(sum("new"));

sum 함수에는 명시적인 형식 매개변수가 없으며 동적으로 다음을 수행할 수 있습니다. 그러면 sum 함수에서 이러한 매개변수를 어떻게 참조할 수 있습니까? 여기서는 인수의 의사 배열을 사용해야 합니다.

//여기서 뭔가를 하세요 .
}
//현재 값이 있고 == array.length
print(i);//i == array.length
}

JavaScript 함수는 로컬 범위에서 실행됩니다. 로컬 범위에서 실행되는 함수 본문은 외부(전역 범위일 수도 있음) 변수 및 함수에 액세스할 수 있습니다. JavaScript의 범위는 어휘 범위입니다. 소위 어휘 범위는 다음 예에서와 같이 범위가 실행될 때가 아니라 정의될 때(어휘 분석) 결정된다는 의미입니다.

print( str);
var str = "local";
print(str)
}

scopeTest();

실행 결과는 무엇입니까? 초보자는

global
local

이라는 답을 얻을 가능성이 높습니다. 올바른 결과는

정의되지 않음 local

scopeTest 함수의 정의에서 선언되지 않은 변수 str을 미리 접근한 후 str 변수를 초기화하기 때문에 첫 번째 print(str)에서는 정의되지 않은 오류가 반환됩니다. 그렇다면 함수가 이때 외부 str 변수에 접근하지 않는 이유는 어휘 분석이 완료된 후 스코프 체인을 구성할 때 함수 내에 정의된 var 변수가 체인에 들어가게 되기 때문입니다. 전체 함수 범위 테스트에서 모두 볼 수 있습니다(함수 본문의 첫 번째 줄부터 마지막 ​​줄까지). str 변수 자체는 정의되지 않았으므로 프로그램은 순차적으로 실행되며 두 번째 줄에서는 a를 할당합니다. 값을 str로 지정하므로 해당 줄의 세 번째 줄 print(str)는 "local"을 반환합니다.


함수 컨텍스트
Java나 C/C 등의 언어에서 메소드(함수)는 객체에 붙어서만 존재할 수 있으며 독립적이지 않습니다. JavaScript에서 함수는 개체이며 다른 개체의 일부가 아닙니다. 특히 함수형 JavaScript를 이해하려면 함수를 일급으로 간주합니다.

함수의 컨텍스트는 변경될 수 있습니다. 따라서 함수 내에서도 함수가 하나의 개체의 메서드로 사용될 수 있고 동시에 다른 개체의 메서드로 사용될 수 있습니다. 함수 자체는 독립적입니다. 함수의 컨텍스트는 함수 개체의 호출 또는 적용 함수를 통해 수정할 수 있습니다.


call 및 적용
call 및 Apply는 일반적으로 컨텍스트를 수정하는 데 사용됩니다. 함수의 this 포인터는 호출 또는 적용의 첫 번째 매개변수로 대체됩니다. JavaScript 객체 및 JSON 시작하기의 예를 살펴보는 것이 좋습니다.

//이름이 지정된 사람 정의 jack
var jack = {
name : "jack",
age : 26
}

//abruzzi라는 이름으로 다른 사람 정의
var abruzzi = {
이름 : "abruzzi",
나이 : 26
}

//전역 함수 객체 정의
function printName(){
return this.name; }

//printName의 컨텍스트를 jack으로 설정하고, 이때는 jack
print(printName.call(jack))
//printName의 컨텍스트를 abruzzi로 설정하고, 지금은 abruzzi입니다
print(printName.call(abruzzi))

print(printName.apply(jack))
print(printName.apply(abruzzi)); >매개변수가 하나만 있는 경우 매개변수가 여러 개인 경우 호출 및 적용 사용법은 동일합니다.

setName.apply(jack, ["Jack Sept."])
print(printName .apply(jack));

setName.call(abruzzi, "John Abruzzi")
print(printName.call(abruzzi))
결과는 다음과 같습니다.

Jack Sept.
John Abruzzi
apply의 두 번째 매개변수는 함수에 필요한 매개변수 배열이고, call에는 쉼표(,)로 구분된 여러 매개변수가 필요합니다.


함수 사용하기

앞서 언급했듯이 JavaScript에서는 함수를 변수에 할당할 수 있습니다

◆ 객체의 속성에 할당
◆ 다른 함수에 매개변수로 전달

◆ 함수의 결과로 반환

다음 시나리오를 각각 살펴보겠습니다.

변수에 값 할당 :

//두 개의 매개변수를 받아들이고 그 합을 반환하는 함수 선언
function add(x, y){
return x y
}

var a = 0;
a = add;//변수에 함수 할당
var b = a(2, 3);//이 새 함수를 a라고 부릅니다.
print(b)>이 코드 할당 후 변수 a는 함수 add를 참조하기 때문에 "5"를 인쇄합니다. 즉, a의 값은 함수 개체(실행 가능한 코드 블록)이므로 사용할 수 있습니다. a(2와 같은 문) , 3) 합계 연산을 수행하는 데 사용됩니다.

은 개체의 속성에 할당됩니다.





코드 복사

obj.func(2, 3);// 5 반환