> 웹 프론트엔드 > JS 튜토리얼 > JavaScript 함수_javascript 기술에 대한 자세한 설명

JavaScript 함수_javascript 기술에 대한 자세한 설명

WBOY
풀어 주다: 2016-05-16 16:12:34
원래의
1246명이 탐색했습니다.

1. 기능 정의

함수에는 JavaScript의 기본 모듈 단위이며 코드 재사용, 정보 숨기기 및 결합 호출에 사용되는 일련의 명령문이 포함되어 있습니다. 함수는 객체의 동작을 지정하는 데 사용됩니다

2. 4가지 함수 호출 모드와 초기화

첫 번째: 메서드 호출 모드
다음 예제는 메소드 호출 모드를 통해 호출될 때 해당 메소드를 소유한 객체에 바인딩됨을 증명합니다. 예:

코드 복사 코드는 다음과 같습니다.

var 사람 = {
이름: "defaultName",
setName : 함수(이름){
This.name = 이름;
}
};
person.setName("장산");
경고(사람.이름);

두 번째 유형: 함수 호출 모드
다음 예제는 함수 호출 모드를 통해 호출될 때 전역 객체에 바인딩됨을 증명합니다. 예:

코드 복사 코드는 다음과 같습니다.

var test = add(value1, value2);
var 이름 = "defaultName";
var 사람 = {
name: "zhangsan", // 이름
이 직접 정의됨 GetName : 함수(){
// 이 메소드는 테스트 함수의 this를 person의 this 객체로 변경할 수 있습니다
        var that = this // 해결책
                // getName에 정의된 이름
        var 이름 = "lisi";
         var test = function(){
//그것을 통해 직접 개체에 접근
// 이는 전역 객체를 가리킵니다
                           // this.name = defaultName
                      // that.name = zhangsan
Alert([이.이름, 저.이름]);
        };
          test() // 함수 호출 모드
}
}
person.getName();

세 번째 유형: 생성자 호출 모드

코드 복사 코드는 다음과 같습니다.

//new로 호출해야 하는 Person 생성자를 정의합니다
var 사람 = 함수(이름){
This.name = 이름;
}
// Person에 메소드 추가
Person.prototype.getName = function(){
이 이름을 반환하세요.
};
//Person 객체 생성
var person = new Person("장산");
Alert(person.getName()); // getName을 호출하여 person 객체의 name 속성 값을 가져옵니다

넷째: 통화 모드 적용

코드 복사 코드는 다음과 같습니다.

인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿