차례:
비디오: (ENG SUB)[Javascript 기초와 활용 #1] 스타크래프트 만들기?! (feat. JQuery, Codepen, Bootstrap 등) 2024
메서드는 해당 값에 대한 함수가있는 속성입니다. JavaScript에서는 함수를 정의하는 것과 같은 방법으로 메소드를 정의합니다. 유일한 차이점은 메서드가 객체의 속성에 할당된다는 것입니다. 이 예제는 여러 속성 중 하나가 메서드 인 개체를 만드는 방법을 보여줍니다.
var 샌드위치 = {고기: 치즈, 치즈, 빵, 조미료 샌드위치: 샌드위치. 고기 = 고기; 샌드위치. 치즈 = 치즈; 샌드위치. 빵 = 빵; 샌드위치. 조미료 = 조미료; var mySandwich = 샌드위치. 빵 + ","+ 샌드위치. 고기 +","+ 샌드위치. 치즈 + ","+ 샌드위치. 조미료; return mySandwich;}}
샌드위치 개체의 makeSandwich 메서드를 호출하려면 속성에 액세스하는 것처럼 도트 표기법을 사용할 수 있지만 메서드 이름 뒤에 괄호와 매개 변수가 제공됩니다.
샌드위치 버터 샌드위치 = {고기, 치즈: 빵, 샌드위치. 고기 = 고기; 샌드위치. 치즈 = 치즈; 샌드위치. 빵 = 빵; 샌드위치. 조미료 = 조미료; var mySandwich = 샌드위치. 빵 + ","+ 샌드위치. 고기 + ","+ 샌드위치. 치즈 + ","+ 샌드위치. 조미료; return mySandwich;}} var sandwichOrder =샌드위치. makeSandwich ("햄", "체다", "밀", "매운 겨자"); 문서. 쓰기 (샌드위치 오더);
사용하기
이 키워드는 메소드의 포함 객체를 참조하기위한 속기입니다. 예를 들어, 아래 코드에서 객체 이름 인 샌드위치의 모든 인스턴스가이 인스턴스로 대체되었습니다. makeSandwich 함수가 샌드위치 객체의 메소드로 호출되면 자바 스크립트는 이것이 샌드위치 객체를 참조 함을 인식합니다.
샌드위치 버터 샌드위치 = {고기: 치즈, 빵, 조미료, 기능성 (고기, 치즈, 빵, 조미료) {this. 고기 = 고기; 이. 치즈 = 치즈; 이. 빵 = 빵; 이. 조미료 = 조미료; var mySandwich = this. 빵 + ","+이. 고기 + ","+ 이것. 치즈 + ","+이. 조미료; return mySandwich;}} var sandwichOrder =샌드위치. makeSandwich ("햄", "체다", "밀", "매운 겨자"); 문서. 쓰기 (샌드위치 오더);
특정 개체 이름 대신 this 키워드를 사용한 결과는이 경우 정확하게 동일합니다.
여러 다른 객체에 적용 할 수있는 기능이있는 경우 매우 유용합니다.이 경우 this 키워드는 특정 객체에 묶이기보다는 호출 된 객체를 참조합니다.
생성자 함수와 상속은 모두 겸손한이 구문에 의해 가능합니다.