복붙노트

[JQUERY] ES6 / ECMA6 템플릿 리터럴 - 작동하지

JQUERY

ES6 / ECMA6 템플릿 리터럴 - 작동하지

해결법


  1. 1.템플릿 리터럴을 생성 - 대신 작은 따옴표 이상 - 당신은 (- 당신이 옆에 한 키에 찾을 수 있습니다, 그렇지 않으면 "무덤 악센트"로 알려진) 역 따옴표를 사용해야합니다.

    템플릿 리터럴을 생성 - 대신 작은 따옴표 이상 - 당신은 (- 당신이 옆에 한 키에 찾을 수 있습니다, 그렇지 않으면 "무덤 악센트"로 알려진) 역 따옴표를 사용해야합니다.

    역 따옴표는 많은 프로그래밍 언어에서 일반적하지만 자바 스크립트 개발자들에게 새로운 될 수있다.

    예:

    categoryName="name";
    categoryElements="element";
    console.log(`categoryName: ${this.categoryName}\ncategoryElements: ${categoryElements} `) 
    

    산출:

    VM626:1 categoryName: name 
    categoryElements: element
    

    보다: 자바 스크립트의 역 따옴표 기호 (`)의 사용은 무엇입니까?


  2. 2.1) 당신의 app.js 및 기타 파일과 같은 폴더 수준을 .jshitrc 추가

    1) 당신의 app.js 및 기타 파일과 같은 폴더 수준을 .jshitrc 추가

    2) 새로 생성 된 파일 내부에 { "esversion을": 6}이를 넣어

    3)`작은 따옴표 '를 사용 역 따옴표를 사용하지 않습니다


  3. 3.// 예 VAR 사람 = { 이름 : "미라" 안녕하세요 : 기능 (일) { 을 console.log ( '$ {this.name은} 안부 $ {일}`); } } // 함수 인사를 호출 person.hello ( "세계"); // 미라 안녕하세요 세계를 말한다

    // 예 VAR 사람 = { 이름 : "미라" 안녕하세요 : 기능 (일) { 을 console.log ( '$ {this.name은} 안부 $ {일}`); } } // 함수 인사를 호출 person.hello ( "세계"); // 미라 안녕하세요 세계를 말한다

  4. from https://stackoverflow.com/questions/37245679/es6-ecma6-template-literals-not-working by cc-by-sa and MIT license