es6 함수 name 속성 기능 및 용법 실례 분석

1591 단어 es6함수.name 속성
본 논문 의 사례 는 es6 함수 name 속성 기능 과 용법 을 서술 하 였 다.여러분 께 참고 하도록 공유 하 겠 습 니 다.구체 적 으로 는 다음 과 같 습 니 다.
함수 의 name 속성,이 함수 의 함수 이름 을 되 돌려 줍 니 다.

function foo () {}
foo.name // foo

이 속성 은 브 라 우 저 에 의 해 광범 위 하 게 지원 되 었 으 나,es6 에 이 르 러 서 야 표준 에 기록 되 었 다.
주의해 야 할 것 은 es6 가 이 속성의 행위 에 대해 약간의 수정 을 했다 는 것 이다.익명 함 수 를 변수,es5 의 name 속성 에 할당 하면 빈 문자열 을 되 돌려 주 고,es6 의 name 속성 은 실제 함수 이름 을 되 돌려 줍 니 다.

var f = function() {}
// es5 
f.name // ""
// es6 
f.name // "f"

위의 코드 에서 변수 f 는 익명 함수 와 같 습 니 다.es5 와 es6 의 name 속성 이 돌아 오 는 값 이 다 릅 니 다.
구명 함 수 를 변수 에 할당 하면 es5 와 es6 의 name 속성 은 모두 이 구명 함수 의 원래 이름 을 되 돌려 줍 니 다.

const bar = function baz() {}
// es5
bar.name = 'baz'

// es6
bar.name = 'baz'

Function 구조 함수 가 되 돌아 오 는 함수 인 스 턴 스,name 속성의 값 은 anonymous 입 니 다.

(new Function).name // 'anonymous'

bid 가 되 돌아 오 는 함수,name 속성 값 에 bound 접 두 사 를 추가 합 니 다.

function foo() {}
foo.bind({}).name // "bound foo"
(function(){}).bind({}).name // "bound "

관심 있 는 친 구 는 온라인 HTML/CSS/JavaScript 코드 실행 도 구 를 사용 할 수 있 습 니 다.http://tools.jb51.net/code/HtmlJsRun상기 코드 실행 효 과 를 테스트 할 수 있 습 니 다.
더 많은 자 바스 크 립 트 관련 내용 은 본 사이트 의 주 제 를 볼 수 있 습 니 다.
본 고 에서 말 한 것 이 여러분 의 자 바스 크 립 트 프로 그래 밍 에 도움 이 되 기 를 바 랍 니 다.

좋은 웹페이지 즐겨찾기