javascript 파일 이름 짓기 규칙은 무엇입니까?

javascript 파일 이름 짓기 규칙은 무엇입니까?

파일 이름을 hypens.js, camelCased.js 또는 다른 이름으로 지정해야 합니까?

나는 이 질문에 대한 답을 여기서 찾을 수 없었다.

가능한 이름 지정 규칙 중 하나는 jQuery가 사용하는 이름 지정 체계와 유사한 규칙을 사용하는 것입니다.그것은 보편적으로 채택되지는 않았지만 꽤 흔하다.

product-name.plugin-ver.sion.filetype.js

서, 「」는product-name+plugin쌍은 네임스페이스와 모듈을 나타낼 수도 있습니다.그version ★★★★★★★★★★★★★★★★★」filetype는 보통 옵션입니다.

filetype을 사용하다자주 볼 수 있는 것은 다음과 같습니다.

• min 파일용
• custom 파일 변경

예:

• jquery-1.4.2.min.js
• jquery.plugin-0.1.js
• myapp.invoice.js

javascript 파일에는 css 파일이나 html 파일 또는 그와 같은 파일과는 달리 웹에서 고유하지 않기 때문에 특별한 규약은 없습니다.플랫폼 간에 우발적으로 문제가 발생할 가능성을 줄이기 위해 다음과 같은 "안전한" 작업을 수행할 수 있습니다.

1. 모든 소문자 파일 이름을 사용합니다.일부 운영체제는 파일명의 대소문자를 구분하지 않으며 소문자를 모두 사용하면 일부 운영체제에서 작동하지 않을 수 있는 경우에만 다른 두 파일을 실수로 사용하지 않도록 방지할 수 있습니다.
2. 파일 이름에 공백을 사용하지 마십시오.이것은 기술적으로 기능할 수 있지만 파일명의 공백이 문제를 일으킬 수 있는 많은 이유가 있습니다.
3. 단어 구분 기호에는 하이픈을 사용할 수 있습니다.여러 단어에 공백이나 카멜케이스 대신 구분 기호 같은 것을 사용하고 싶은 경우various-scripts.js하이픈은 안전하고 유용한 구분 기호로 일반적으로 사용됩니다.
4. 파일 이름에 버전 번호를 사용하는 것을 고려해 보십시오.스크립트를 업그레이드하려면 브라우저 또는 CDN 캐시의 효과를 계획합니다.장기 캐싱을 사용하는 가장 간단한 방법(속도와 효율성을 위해)은 JS 파일을 업그레이드할 때 즉시 안전하게 업그레이드하려면 배포된 파일 이름 또는 경로에 버전 번호를 포함하면 됩니다(jQuery가 jquery-1.6.2.js에서 수행하는 것과 마찬가지로). 그런 다음 파일을 업그레이드하거나 변경할 때마다 버전 번호를 범핑/변경합니다.이렇게 하면 새로운 버전을 요구하는 페이지가 캐시에서 이전 버전으로 처리되지 않습니다.

JavaScript 파일 이름을 붙이는 공식적이고 보편적인 규칙은 없습니다.

다음과 같은 다양한 옵션이 있습니다.

• scriptName.js
• script-name.js
• script_name.js

모두 유효한 명명 규칙이지만, 저는 jQuery가 제안하는 명명 규칙을 선호합니다(jQuery 플러그인의 경우, 모든 JS에서 작동합니다).

• jquery.pluginname.js

이 명명 규칙의 장점은 추가되는 글로벌 네임스페이스 오염을 명시적으로 설명하는 것입니다.

• foo.js추가하다window.foo
• foo.bar.js추가하다window.foo.bar

---

버전 관리를 생략했기 때문에 풀네임 뒤에 줄자버전과 마이너버전 사이에 마침표를 붙이는 것이 좋습니다.

• foo-1.2.1.js
• foo-1.2.2.js
• ...
• foo-2.1.24.js

제공된 링크의 질문은 파일 이름이 아니라 JavaScript 변수의 이름 지정에 대한 것이므로 질문하는 컨텍스트에 대해서는 해당 사항을 무시하십시오.

파일명칭은 순전히 선호도와 취향의 문제입니다.하이픈으로 파일 이름을 붙이는 것을 선호합니다. 왜냐하면 camelCase 파일 이름을 다룰 때처럼 시프트 키를 누를 필요가 없고 Windows 파일 이름과 Linux 파일 이름 간의 차이도 걱정할 필요가 없기 때문입니다(Windows 파일 이름은 대소문자를 구분하지 않으며 적어도 XP에서는 대소문자를 구분하지 않습니다).

그래서 다른 많은 사람들과 마찬가지로 답은 "그것은 당신에게 달려있다" 또는 "그것은 당신에게 달려있다"입니다.

당신이 따라야 할 한 가지 규칙은 당신이 선택하는 관습에 일관성을 유지하는 것이다.

일반적으로 소문자로 된 하이픈을 선호하지만, 아직 언급하지 않은 한 가지는 파일 이름이 단일 모듈 또는 인스턴스화 가능한 함수의 이름과 정확히 일치할 수 있다는 것입니다.

예를 들어, 다음과 같이 선언된 노출 모듈이 있습니다.var knockoutUtilityModule = function() {...}kno Utility Module.js라는 이름의 자체 파일에 포함되어 있지만 객관적으로 나는 kno-utility-module.js를 선호한다.

마찬가지로 스크립트를 결합하기 위해 번들링 메커니즘을 사용하기 때문에 유지관리성을 위해 인스턴스화 가능한 함수(템플릿 뷰 모델 등)를 각각 파일 C# 스타일에 정의했습니다.예를 들어 ProductDescriptorViewModel은 ProductDescriptorViewModel.js(인스턴스 가능한 함수에는 대소문자를 사용합니다).

언급URL : https://stackoverflow.com/questions/7273316/what-is-the-javascript-filename-naming-convention