화살표 함수를 ES6 객체 메소드로 사용할 수 있나요?

ES6 객체의 화살표 함수: 구문 Limbo

ES6에서 객체 메서드는 전통적인 함수 구문이나 간결한 메서드 구문을 사용하여 정의할 수 있습니다. 하지만 이 맥락에서 새로 도입된 화살표 기능을 활용할 수 있습니까?

사용 시도 및 오류 발생:

아래 표시된 대로 화살표 기능을 개체 메서드로 사용하려는 시도 , 결과는 오류:

var chopper = {
    owner: 'John',
    getOwner: () => { return this.owner; }
};

추론:

화살표 함수는 객체 컨텍스트 외부에 있는 어휘 this 값을 캡처하기 때문에 객체 메서드에서 예상대로 작동하지 않습니다. 이로 인해 this는 객체 인스턴스가 아닌 전역 this 또는 어휘적으로 포함된 함수의 this를 참조하게 됩니다.

대안 및 권장 사항:

객체 메서드의 경우 전통적 함수 구문이나 ES6 메서드 구문은 다음과 같아야 합니다. 사용됨:

// Traditional function syntax
var chopper = {
    owner: 'Zed',
    getOwner: function() { return this.owner; }
};

// ES6 method syntax
var chopper = {
    owner: 'Zed',
    getOwner() { return this.owner; }
};

언바운드 화살표 함수(거절된 제안):

화살표 함수와 유사하지만 다음과 같은 구문을 도입하는 언바운드 화살표 함수에 대한 제안이 있었습니다. 별도의 이 바인딩. 그러나 이 제안은 새로운 기능을 제공하지 않고 상용구만을 축소했다는 이유로 거부되었습니다.

위 내용은 화살표 함수를 ES6 객체 메소드로 사용할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!