>  기사  >  웹 프론트엔드  >  실용적, js 개발 시 ES6 코드 명세 작성 방법 정리

실용적, js 개발 시 ES6 코드 명세 작성 방법 정리

php是最好的语言
php是最好的语言원래의
2018-07-30 09:50:152300검색

ES6 코드 표준 작성은 따옴표 사용, 작은 따옴표 '' 우선(중첩 따옴표가 아닌 경우 큰 따옴표 사용 안 함), 공백 사용: (키워드 뒤, 기호 뒤, 조판, 기능 할당 기호 =) 등

1. 따옴표 사용 시 작은따옴표 ''가 우선 적용됩니다. (중첩된 따옴표가 아닌 경우 큰따옴표를 사용하지 마세요.)

 일반적인 상황: console.log('hello there') 큰따옴표 트랜스코딩 : $("

")

2. 공백 사용 문제: (키워드 기호 뒤, 조판 함수 할당 기호 = ) 등

  a 함수 괄호: function hello (이름) {} (매개변수) 참조 "괄호 안의 왼쪽과 오른쪽"( )에는 공백이 있고, "괄호 안의 이름 주위의 왼쪽과 오른쪽"에는 공백이 없습니다.

 b 키워드 뒤에는 공백이 필요합니다: if ( 조건) { ... } if와 () 사이에는 공백이 있어야 합니다 Space

  c 할당 기호 = 양쪽에 공백이 필요합니다: var 그 사이의 + 기호는 왼쪽과 오른쪽에 공백이 필요합니다

 e 쉼표 , 앞에 공백을 두지 말고 뒤에 공백을 두십시오: var list = [1, 2, 3, 4] function Greeting (name, options) { ... } 쉼표 앞에 공백을 두지 마십시오. 끝에 공백을 두지 마십시오

3. 같은 행과 다른 행의 문제: if () {} else {}: } else {는 한 줄에 있어야 합니다      //

       } else {

       ///

       }

4. 쓰지 마세요. 사용되지 않는 변수 변수가 정의되고 그 이후로 작업에 포함되지 않은 경우 이 변수를 정의해서는 안 됩니다.

5. == 대신 ===를 사용하세요. 비교 시 ==에는 데이터 변환 단계가 한 단계 더 필요하지만 if (a!=undefiend) {} ​​​​조건에서는 a!=undefiend도 있습니다. != =undefiend 및 a!==null의 이중 의미(null == 정의되지 않음)

6. window의 속성과 메서드에 window를 추가하는 것이 관례입니다. window를 추가할 필요가 없는 몇 가지 예외가 있습니다. : 문서, 콘솔, 네비게이터. 예: window.alert('hi')

7. 동일한 연결 방법은 매우 길고 줄바꿈과 들여쓰기가 필요합니다. js의 삼항 연산자, jq의 연결 등.

  var location = env.development? 'localhost': 'www.api.com'은 한 줄로 작성되었습니다. var env.development

: 'www.api.com'incatenated Writing = stage.selectAll ('.led')

  .data(data)

  .enter().append('svg:svg')

  .class('led', true)

  .attr('너비', (반경 + 여백) * 2)

  .append('svg:g')

  .attr('transform', 'translate(' + (반경 + 여백) + ',' + (반경 + 여백) + ')')

.call(tron .led);

8. 주석 문제: 이전 줄에 빈 줄이 있어야 하며, 이유 없이 큰 빈 줄이 있으면 안 됩니다. ~ | .log(값)

 

다줄 댓글

: (

저작권 정보 댓글에도 사용할 수 있습니다)

  /**

  * make()는 전달된 태그 이름을 기반으로
  * 새 요소를 반환합니다
  *
  * @param tag
  * @return <요소> 요소
  */

9로 시작하지 마세요. ( [ ` , 시작 앞에 ; 추가

  ;(function () {window.alert('ok')}())

 ;[1, 2, 3].forEach(bar )  

  ;`hello `.indexOf('o')

10. 객체 및 배열 생성 문제: var item = {}; 배열: var arr = []

11. . 질문:

var errorMessage = '매우 긴 오류입니다. ' +

'배트맨 때문에 발생했습니다.'+

' ' +

 배트맨이 어떻게 할 수 있었는지' +

'이걸로 아무데도 갈 수 없을 거야' +

에 대해 생각하기를 멈추면 'fast.';

조인 방법을 사용하여 루프 또는 여러 줄 문자열 구성

function inbox(messages) {

항목 = [ ] ;

for(i = 0; i < length; i++) {

항목[i] = 메시지[i].message;

#🎜 🎜 # }

return'
  • '+ items.join() + ;

    }

    12, 쌍 숫자 ParseInt를 사용하고 항상 유형 변환의 기본을 가져옵니다. var val =parseInt(inputValue,

    10);

    13, Boolean() 또는 var hasAge =를 사용하세요. Boolean(age); var hasAge = !中this._firstName = 'Panda'; var _firstName = firstName; #

    CommonJS 및 es6 사양 도입 및 내보내기

    # 🎜🎜#

    Daily js 개발 사양

    관련 동영상 :

    Javascript - ES6 실습 동영상 강좌 무료 온라인 동영상 튜토리얼# 🎜🎜#

    위 내용은 실용적, js 개발 시 ES6 코드 명세 작성 방법 정리의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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