>  기사  >  웹 프론트엔드  >  자바스크립트에서 함수를 호출하는 방법은 무엇입니까?

자바스크립트에서 함수를 호출하는 방법은 무엇입니까?

coldplay.xixi
coldplay.xixi원래의
2021-04-09 14:58:323044검색

함수 호출을 위한 Javascript 메서드는 다음과 같습니다. 1. 생성자를 사용하여 함수를 호출합니다. 코드는 [function myFunction(arg1, arg2)]입니다. 2. 함수를 함수 메서드로 호출합니다.

자바스크립트에서 함수를 호출하는 방법은 무엇입니까?

이 튜토리얼의 운영 환경: Windows 7 시스템, JavaScript 버전 1.8.5, DELL G3 컴퓨터.

함수를 호출하는 Javascript 방법은 다음과 같습니다.

1. 생성자를 사용하여 함수를 호출합니다.

함수 호출 전에 new 키워드를 사용하면 생성자가 호출됩니다.

새 함수가 생성된 것처럼 보이지만 실제로는 JavaScript 함수가 객체를 다시 생성한 것입니다.

Instance

// 构造函数:
function myFunction(arg1, arg2) {
    this.firstName = arg1;
    this.lastName  = arg2;
}
 
// This    creates a new object
var x = new myFunction("John","Doe");
x.firstName;                             // 返回 "John"

생성자를 호출하면 새 객체가 생성됩니다. 새 객체는 생성자의 속성과 메서드를 상속합니다.

  • 참고 생성자의 this 키워드에는 값이 없습니다.

  • this 값은 객체(새 객체)를 인스턴스화하기 위해 함수가 호출될 때 생성됩니다.

2. 함수 메서드로 함수 호출

JavaScript에서 함수는 객체입니다. JavaScript 함수에는 속성과 메서드가 있습니다.

call() 및 apply()는 미리 정의된 함수 메서드입니다. 두 가지 메서드를 사용하여 함수를 호출할 수 있으며, 두 메서드 모두의 첫 번째 매개 변수는 개체 자체여야 합니다.

Instance

function myFunction(a, b) {
    return a * b;
}
myObject = myFunction.call(myObject, 10, 2);     // 返回 20

Instance

function myFunction(a, b) {
    return a * b;
}
myArray = [10, 2];
myObject = myFunction.apply(myObject, myArray);  // 返回 20

두 메소드 모두 객체 자체를 첫 번째 매개변수로 사용합니다. 둘 사이의 차이점은 두 번째 매개변수에 있습니다. Apply는 매개변수 배열로 전달됩니다. 즉, 여러 매개변수가 하나의 배열로 결합되어 전달되는 반면, call은 호출의 매개변수로 전달됩니다(두 번째 매개변수부터 시작).

  • JavaScript 엄격 모드에서는 매개변수가 객체가 아니더라도 함수를 호출할 때 첫 번째 매개변수가 this의 값이 됩니다.

  • JavaScript 비엄격 모드에서는 첫 번째 매개변수의 값이 null이거나 정의되지 않은 경우 전역 개체를 대신 사용합니다.

관련 무료 학습 권장사항: javascript 비디오 튜토리얼

위 내용은 자바스크립트에서 함수를 호출하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.