«ecmascript-6» 태그된 질문

ECMAScript 사양의 2015 버전, 이제 표준 (ECMAScript 2015). ECMAScript 2015에서 제공하는 새로운 기능 또는 기술 변경 사항과 관련하여 질문이있는 경우에만이 태그를 사용하십시오.


10
모든 경로에 대해 index.html을 제공하도록 webpack dev 서버에 지시하는 방법
반응 라우터는 반응 앱이 처리 할 수 ​​있도록 /arbitrary/route합니다. 이것이 작동하려면 일치하는 경로에서 React 앱을 보내려면 서버가 필요합니다. 그러나 webpack dev 서버 는 임의의 엔드 포인트를 처리하지 않습니다. 추가 Express 서버를 사용하는 솔루션이 있습니다. webpack-dev-server가 반응 라우터의 진입 점을 허용하도록 허용하는 방법 그러나 경로 일치를 허용하기 위해 다른 급행 서버를 …


11
forEach는 JavaScript 배열에서 함수 오류가 아닙니다.
간단한 루프를 만들려고합니다. const parent = this.el.parentElement console.log(parent.children) parent.children.forEach(child => { console.log(child) }) 그러나 다음과 같은 오류가 발생합니다. VM384 : 53 Uncaught TypeError : parent.children.forEach는 함수가 아닙니다 parent.children로그 에도 불구하고 : 무엇이 문제 일 수 있습니까? 참고 : 다음은 JSFiddle 입니다.


11
ES6로 작성된 모듈을 NPM에 게시하는 방법은 무엇입니까?
ES6에서 모듈을 다시 작성하고 미래를 보장하고 ES6을 배우기 위해 NPM에 모듈을 게시하려고했습니다. 나는 Babel을 사용하여 ES5로 변환하고 테스트를 실행했습니다. 그러나 진행 방법을 잘 모르겠습니다. 결과 / out 폴더를 변환하고 NPM에 게시합니까? Github 저장소에 결과 폴더를 포함합니까? 아니면 Github의 ES6 코드 + 꿀꺽 거리는 스크립트와 NPM에 대한 변환 된 결과 + …

8
문자열에 새 줄을 만들지 않고 긴 템플릿 리터럴 줄을 여러 줄로 줄 바꿈
es6 템플릿 리터럴에서 문자열에 새 줄을 만들지 않고 긴 템플릿 리터럴을 여러 줄로 줄 바꿈하는 방법은 무엇입니까? 예를 들어, 이렇게하면 : const text = `a very long string that just continues and continues and continues` 그런 다음 새 줄이있는 것으로 해석하여 문자열에 새 줄 기호를 만듭니다. 줄 바꿈을 만들지 않고 …

5
Object.is vs ===
이 비교를 사용하는 코드 예제를 우연히 발견했습니다. var someVar = 0; Object.is(false, someVar); //Returns false 알 수 false == 0있을 것입니다 true우리가 가지고있는 이유의 ===. Object.is와는 어떻게 다른 ===가요?

6
ES6 +에서 두 개의 자바 스크립트 객체를 어떻게 병합합니까?
나는 항상 다음과 같은 코드를 작성해야한다는 것에 지쳤다. function shallowExtend(obj1,obj2){ var key; for ( key in obj2 ) { if ( obj2.hasOwnProperty(key) === false ) continue; obj1[key] = obj2[key] } } 또는 코드를 직접 작성하지 않으려면 이미 코드를 작성하는 라이브러리를 구현하십시오. 확실히 ES6 +이의 구조에 오는 것은 같은 우리에게 제공 …

6
ES6 모듈의 수입을 조롱하는 방법?
다음과 같은 ES6 모듈이 있습니다. network.js export function getDataFromServer() { return ... } widget.js import { getDataFromServer } from 'network.js'; export class Widget() { constructor() { getDataFromServer("dataForWidget") .then(data => this.render(data)); } render() { ... } } 의 모의 인스턴스로 위젯을 테스트하는 방법을 찾고 getDataFromServer있습니다. <script>Karma와 같이 ES6 모듈 대신 별도 …

4
ES6 Fat Arrow를 사용하여 객체 배열을 .filter ()하는 방법
ES6 화살표 기능을 사용 .filter하여 성인 (Jack & Jill)을 반환 하려고합니다 . if 문을 사용할 수없는 것 같습니다. ES6에서이를 수행하려면 무엇을 알아야합니까? var family = [{"name":"Jack", "age": 26}, {"name":"Jill", "age": 22}, {"name":"James", "age": 5 }, {"name":"Jenny", "age": 2 }]; let adults = family.filter(person => if (person.age > 18) person); // …

13
ES6을 사용하는 Javascript의 열거 형
Javascript에서 오래된 Java 프로젝트를 다시 작성 중이며 JS에서 열거 형을 수행하는 좋은 방법이 없다는 것을 깨달았습니다. 내가 생각해 낼 수있는 최선은 다음과 같습니다. const Colors = { RED: Symbol("red"), BLUE: Symbol("blue"), GREEN: Symbol("green") }; Object.freeze(Colors); 는 const계속 Colors재 할당되는 것을, 그리고이 키와 값을 돌연변이 방지 동결. 나는 Symbols를 사용하여 Colors.RED같지 …

5
Object.freeze () 대 const
Object.freeze()constES6에서 사용하기 위해 전환하는 편리한 방법처럼 보입니다 . 코드에서 둘 다 발생하는 경우가 있거나 불변 데이터로 작업하는 선호되는 방법이 있습니까? Object.freeze()지원하는 모든 브라우저를 사용할 때까지 사용해야 const하고 const대신 사용으로 전환해야 합니까?

6
React + ES6 + 웹팩을 사용하여 컴포넌트를 가져오고 내보내는 방법은 무엇입니까?
나는 Reactand를 ES6사용 babel하고 webpack있습니다. 다른 파일로 여러 구성 요소를 만들고 단일 파일로 가져 와서 번들로 묶고 싶습니다.webpack 다음과 같은 몇 가지 구성 요소가 있다고 가정 해 보겠습니다. my-navbar.jsx import React from 'react'; import Navbar from 'react-bootstrap/lib/Navbar'; export class MyNavbar extends React.Component { render(){ return ( <Navbar className="navbar-dark" fluid> ... …

9
React 컴포넌트에서 컴포넌트 기본 소품을 설정하는 방법
아래 코드를 사용하여 React 구성 요소에 기본 소품을 설정했지만 작동하지 않습니다. 이 render()방법에서 출력 "정의되지 않은 소품"이 브라우저 콘솔에 인쇄 된 것을 볼 수 있습니다. 컴포넌트 소품의 기본값을 어떻게 정의 할 수 있습니까? export default class AddAddressComponent extends Component { render() { let {provinceList,cityList} = this.props if(cityList === undefined || …

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.