자바스크립트 배열 join() 메서드는 배열의 모든 요소를 문자열로 결합합니다. 다음은 매개변수입니다 - 구분 기호 - 배열의 각 요소를 구분하는 문자열을 지정합니다. 생략하면 배열 요소가 쉼표로 구분됩니다. 예시 다음 코드를 실행하여 JavaScript에서 join() 메서드를 사용하는 방법을 배울 수 있습니다. − <html> <head> <title>JavaScript Array join Method</title> &
이상한 버그가 있는지 JavaScript 코드를 확인하는 한 가지 방법은 코드가 유효하고 언어의 공식 구문 규칙을 따르는지 확인하는 프로그램을 통해 실행하는 것입니다. 이러한 프로그램을 파서 검증이라고 합니다. 또는 검증자 줄여서 상용 HTML 및 JavaScript 편집기와 함께 제공되는 경우가 많습니다. JavaScript에 대한 가장 편리한 유효성 검사기는 Douglas Crockford의 JavaScript입니다. 린트, Douglas Crockford의 JavaScript Lint에서 무료로 사용할 수 있습니다. 해
스크립트의 오류 수를 줄이려면 아래에 제공된 팁을 따르십시오 - 댓글을 많이 사용하세요. . 주석을 통해 스크립트를 작성한 이유를 설명하고 코드의 특히 어려운 부분을 설명할 수 있습니다. 항상 들여쓰기 사용 코드를 읽기 쉽게 만듭니다. 또한 들여쓰기 문을 사용하면 시작 및 끝 태그, 중괄호, 기타 HTML 및 스크립트 요소를 쉽게 일치시킬 수 있습니다. 작성 모듈식 코드 . 가능하면 명령문을 기능으로 그룹화하십시오. 함수를 사용하면 관련 문을 그룹화하고 최소한의 노력으로 코드의 일부를 테스트 및 재사용할 수 있습니다. 변수와 함수
JavaScript를 사용하여 클라이언트 측 이미지 맵을 만듭니다. 클라이언트 측 이미지 맵은 태그의 usemap 속성에 의해 활성화되고 특수 및 확장 태그로 정의됩니다. 지도를 구성할 이미지는 usemap이라는 추가 속성을 전달한다는 점을 제외하고는 평소와 같이 요소를 사용하여 페이지에 삽입됩니다. . usemap 속성 값은 파운드 또는 해시 기호가 앞에 오는 요소의 name 속성 값입니다. 예시 다음 코드를 실행하여 클라이언트 측 이미지 맵을 생성할 수 있습니다. − <html> &l
JavaScript에 선택적 함수 매개변수를 포함하려면 다음을 시도하세요. function myFunc(a, b = 0) { // function body } 예시 선택적 기능 매개변수를 포함하는 방법을 배우기 위해 다음 코드를 실행할 수 있습니다. − <html> <body> <script> // default is set to 1
자바스크립트 함수가 정의되어 있는지 확인하려면 undefined로 확인합니다. 예시 다음 예제를 실행하여 함수가 JavaScript에 정의되어 있는지 여부를 확인할 수 있습니다. − <!DOCTYPE html> <html> <body> <script> function display() { aler
주석 기능의 경우 다음 jsdoc 스타일 문서를 사용할 수 있습니다. /** * Adds two numbers * @param {Number} a * @param {Number} b * @return {Number} sum */ function sum(a,b) { return a + b; }
HTML 버튼을 사용하여 JavaScript 함수를 호출하는 가장 간단한 방법은 다음과 같습니다. - <input id = "Double Click here" type = "button" value = "clickme" ondblclick = "myFunction();" /> DOM 속성에 추가하여 다음을 사용할 수도 있습니다. − document.getElementById("Double Click here ").ondblclick
Google 크롬의 스크립트 디버거가 자바스크립트를 다시 로드하도록 하려면 다음 단계를 따르십시오 - 개발 열기 도구 출처를 클릭합니다. 탭 스크립트/이미지/파일 찾기 파일이 최신 상태인지 확인하려면 오른쪽 패널을 확인하십시오. 파일이 최신 상태가 아니면 - 왼쪽 패널에서 리소스를 마우스 오른쪽 버튼으로 클릭하고 새 탭에서 링크 열기를 선택합니다. CTRL+F5를 사용하여 리소스를 강제로 다시 로드합니다.
Visual Studio에서 JavaScript를 디버그하려면 다음 단계를 따르십시오. − 비주얼 스튜디오 열기 솔루션 탐색기에서 디버깅할 프로젝트를 선택하세요. 마우스 오른쪽 버튼을 클릭하고 다음으로 찾아보기를 선택합니다. , 기본 브라우저를 설정합니다. 이제 시작으로 이동하여 인터넷 옵션을 입력합니다. 위에서 스크립트 디버깅 비활성화 옵션을 모두 선택 취소합니다. 적용 클릭 , 그리고 확인 . 이제 JS 파일에 중단점을 설정합니다. 그런 다음 Visual Studio에서 디버그 버튼을 누릅니다.
난독화된 자바스크립트 코드를 디버그하려면 자바스크립트 포맷터 또는 미화 프로그램을 사용해야 합니다. JavaScript를 아름답게 하려면 다음 링크로 이동하십시오. 왼쪽 섹션에서 난독화된 JavaScript 코드를 추가하고 미화를 클릭합니다. 아래와 같이 클릭하면 아름다운 자바스크립트를 볼 수 있습니다. 코드는 오른쪽 섹션에 있습니다.
CSS/JavaSript 호버 문제를 디버그하려면 아래에 제공된 단계를 따라야 합니다. F12 키를 눌러 요소 검사를 엽니다. , Firefox에서 . DOM 보기에서 요소를 마우스 오른쪽 버튼으로 클릭하고 컨텍스트 메뉴 하단에서 :hover, :active 또는 :focus 선택 다음 스크린샷은 호버 문제를 디버그하는 방법을 보여줍니다 -
iPad에서 JavaScript를 디버그하려면 Safari 브라우저를 열어야 합니다. 이제 웹 검사기 활성화 iOS에서. 설정에서 앱에서 Safari를 선택합니다. . 고급을 탭합니다. 옵션을 선택하고 Web Inspector −를 시작합니다. 이제 Web Inspector −를 선택합니다. USB 케이블을 사용하여 iPad를 Mac에 연결합니다. Safari가 열리고 이제 개발 메뉴에 iPad가 표시됩니다. 선택 후 자바스크립트 디버깅을 시작합니다.
익명 함수를 사용하는 동안의 코드는 호출 코드 내부에 핸들러를 정의할 때 더 읽기 쉽습니다. 익명 함수는 인라인으로 선언됩니다. 일반적으로 인라인 함수는 상위 범위의 변수에 액세스할 수 있으므로 더 좋습니다. 이름 식별자 없이 함수를 생성할 수 있습니다. 다른 함수에 대한 인수로 사용할 수 있습니다. 변수 이름을 사용하여 호출할 수 있습니다. 자바스크립트 익명 함수를 사용하는 방법은 다음과 같습니다. − var func = function() { alert(‘This is anonymous'
다음은 JavaScript에서 지원하는 일반적인 HTML 이벤트 중 일부입니다 - 속성 값 설명 클릭 시 스크립트 마우스 클릭 시 트리거 상황에 맞는 메뉴 스크립트 컨텍스트 메뉴가 트리거될 때 트리거됩니다. ondblclick 스크립트 마우스 두 번 클릭 시 트리거 온드래그 스크립트 요소를 끌 때 트리거 ondragend 스크립트 끌기 작업이 끝나면 트리거됩니다. 온드라젠터 스크립트 요소가 유효한 놓기 대상으로 드래그되면 트리거됩니다. ondr
JavaScript 식별자는 변수, 함수 등에 부여되는 이름입니다. C, C++, Java 등과 같은 다른 프로그래밍 언어의 식별자와 동일합니다. 변수 이름에 대한 식별자를 살펴보겠습니다. JavaScript에서 변수 이름을 지정할 때 다음 규칙을 염두에 두십시오. JavaScript 예약어를 변수 이름으로 사용하면 안 됩니다. 이러한 키워드는 다음 섹션에서 언급됩니다. 예를 들어, break 또는 부울 변수 이름이 유효하지 않습니다. 자바스크립트 변수 이름은 숫자(0-9)로 시작하면 안 됩니다. 문자 또는 밑줄 문자로 시작
JavaScript는 C 스타일과 C++ 스타일 주석을 모두 지원하므로 //와 줄 끝 사이의 모든 텍스트는 주석으로 처리되며 JavaScript에서 무시됩니다. 문자 /*와 */ 사이의 모든 텍스트는 주석으로 처리됩니다. 여러 줄에 걸쳐 있을 수 있습니다. JavaScript는 HTML 주석 열기 시퀀스