javascript - 반응에서 매개변수 전달에 대한 혼란

Question

draft-js에서 제공하는 예시를 보다가 혼란스러워졌습니다.

저는 주로 매개변수를 직접 전송합니다

으아아아

공식 빠른 시작 예시

으아아아

editorState 매개변수가 onChange 함수에 어떻게 전달되는지 알고 싶으십니까?
노력했어요

으아아아

인수에는 editorState 매개변수가 없습니다. 그리고 직접 출력이 있다면

으아아아

왜?

Answer 1

화살표 함수는 새로운 함수 범위를 생성하지 않으므로 새로운 this가 생성되지 않으며 인수를 사용할 수 없습니다.

그래서, 질문자가 작성한 테스트arguments는 사실 여러분이 원하는 "인수"가 아닙니다

참고 중국어:
http://es6.ruanyifeng.com/#do...
화살표 기능을 사용할 때 주의할 점이 몇 가지 있습니다.

(1) 함수 본문의 this 개체는 사용되는 개체가 아니라 정의된 개체입니다.
(2)는 생성자로 사용할 수 없습니다. 즉, 새 명령을 사용할 수 없습니다. 그렇지 않으면 오류가 발생합니다.
(3) 인수 객체는 함수 본문에 존재하지 않으므로 사용할 수 없습니다. 이를 사용하려면 Rest 매개변수를 대신 사용할 수 있습니다.
(4) Yield 명령을 사용할 수 없으므로 화살표 함수를 제너레이터 함수로 사용할 수 없습니다.

온라인 데모: http://jsbin.com/yuforakeso/e...
데모:

으아악

Answer 2

으아악

Editor 컴포넌트의 소스 코드입니다. 원하는 매개변수를 반환하는 컴포넌트입니다.

Answer 3

일반적인 작성 방법은 태그에 작성하는 것입니다. 즉, js 구문을 사용하여 {}
빠른 예는
=> 인수를 작성하는 일반적인 방법입니다. 기호로 만든 함수의 함수로 만든 함수의 인수가 다릅니다. 인수가 무엇인지 직접 출력할 수 있습니다

Answer 4

직접 정리해봤습니다.

theone1006의 기능 수정

으아악

baz의 인수가 foo의 인수임을 알 수 있습니다.
baz 기능을 별도로 제안하는 경우

으아악

알려드립니다arguments is not defined.

그럼 먹어봤는데

으아악

handleClick의 인수가 생성자의 인수임을 알 수 있습니다. 매개변수 a, b, c와 인수가 일치하지 않습니다.

마지막으로 chhu1의 답변을 바탕으로 매개변수의 출처를 알 수 있었습니다.