>  기사  >  웹 프론트엔드  >  'eval' 없이 JavaScript에서 런타임 이름이 지정된 함수를 만들 수 있나요?

'eval' 없이 JavaScript에서 런타임 이름이 지정된 함수를 만들 수 있나요?

Linda Hamilton
Linda Hamilton원래의
2024-11-12 18:21:02914검색

Can You Create Runtime-Named Functions in JavaScript Without `eval`?

JavaScript에서 Eval이 없는 런타임 명명 함수

평가 또는 색다른 엔진 관련 기능을 사용하지 않고 런타임에 결정된 이름으로 JavaScript 함수를 생성할 수 있습니까? ? 예, 이제 ECMAScript 2015(ES6) 이상에서 가능합니다.

ES6 솔루션: 계산된 속성 이름

ES6에서 객체 속성에 할당된 익명 함수 표현식은 해당 속성의 이름을 사용합니다. 재산. 이는 계산된 속성 이름과 결합되어 new Function 또는 eval 없이 함수 이름을 지정할 수 있습니다. 예:

const dynamicName = "foo" + Math.floor(Math.random() * 1000);
const obj = {
    [dynamicName]() {
        throw new Error();
    },
};
const f = obj[dynamicName];

이렇게 하면 "foo###"라는 함수가 생성됩니다. 여기서 ###은 임의의 1~3자리 숫자입니다.

함수 이름 가시성

함수의 이름 속성은 동적 이름을 반영합니다. 위 코드 조각의 호환성 참고 사항은 Edge와 Safari가 현재 스택 추적에 이름을 표시하지 않는다는 사실을 나타냅니다.

위 내용은 'eval' 없이 JavaScript에서 런타임 이름이 지정된 함수를 만들 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.