JavaScript IntelliSense

아티클
04/10/2013

IntelliSense를 사용하면 코드를 작성하는 동안 적절한 정보가 제공되므로 코드를 빠르게 작성하면서 오류도 줄일 수 있습니다.JavaScript 편집기에서 클라이언트 스크립트로 작업 하는 동안 IntelliSense 목록 개체, 함수, 속성 및 사용할 수 있는 매개 변수는 현재 컨텍스트를 기반으로 합니다.사용자는 IntelliSense에서 제공하는 팝업 목록에서 코딩 옵션을 선택하여 코드를 완성할 수 있습니다.

IntelliSense를 사용하면 다음과 같은 작업을 더욱 쉽게 완료할 수 있습니다.

멤버 정보 찾기
코드에 언어 요소 직접 삽입
코드 편집기를 벗어나지 않고 컨텍스트 유지
XML 문서 주석을 JavaScript IntelliSense의 확장성과 사용자 지정 IntelliSense를 지원 합니다.

새로운 JavaScript 언어 서비스 기능에 대 한 자세한 내용은 Visual Studio 2012 의 새로운 기능.

이 항목에는 다음과 같은 단원이 포함되어 있습니다.

IntelliSense 컨텍스트 확인
IntelliSense 정보 처리
JavaScript IntelliSense 기능
JavaScript IntelliSense의 확장성
JavaScript 유효성 검사

Visual Studio의 IntelliSense 기능에 대한 자세한 내용은 IntelliSense 사용을 참조하십시오.

IntelliSense 컨텍스트 확인

JavaScript IntelliSense 스크립트를 현재 컨텍스트와 관련 된 모든 스크립트를 기반으로 하는 코딩 선택할 수가 있습니다.여기에는 현재 파일의 스크립팅 요소뿐만 아니라스크립트 파일 참조, 어셈블리 스크립트 참조, 서비스 참조, 페이지 연관 참조 등 스크립트에서 직간접으로 참조되는 모든 코드가 포함됩니다.

현재 스크립트 컨텍스트 항목을 기반으로 만들어집니다.

다음은 현재 문서에서 모든 스크립트 블록에 정의 된 함수입니다.인라인 스크립트 블록은 파일 확장명이 .aspx., .ascx, .master, .html 및 .htm인 파일에서 지원됩니다.
script요소와 src 특성은 다른 스크립트 파일을 가리킵니다.대상 스크립트 파일의 파일 확장명은 .js여야 합니다.
사용 하 여 다른 JavaScript 파일을 참조 하는 JavaScript 파일은 reference 지시문입니다.
전역 개체, IntelliSense 확장 또는 지연 로드 된 스크립트 파일에 대 한 참조 그룹입니다.
XML Web services에 대한 참조
웹 응용 프로그램이 ASP.NET AJAX 응용 프로그램인 경우 ScriptManager 및 ScriptManagerProxy 컨트롤
AJAX 사용 ASP.NET 웹 응용 프로그램에서 작업하는 경우 Microsoft AJAX 라이브러리

[!참고]

HTML 요소의 이벤트 처리기 특성에 있는 스크립트나 href 특성에 정의되어 있는 스크립트에서는 IntelliSense가 지원되지 않습니다.

IntelliSense 정보 처리

언어 서비스 JavaScript IntelliSense를 제공 하려면 다음 작업을 수행 합니다.

다음은 현재 문서에서 참조를 기반으로 하 고 재귀적으로 검사 하는 스크립트를 참조 하는 참조 된 파일에 따라 종속 JavaScript 파일의 목록을 만듭니다.
목록 전체를 검색하여 각 파일의 형식 정보와 기타 관련 데이터를 수집합니다.
데이터 집계 및 형식 정보 및 데이터를 IntelliSense를 사용할 수 있도록 JavaScript 언어 서비스에 전달 합니다.
IntelliSense 목록에 영향을 미칠 수 있는 변경 내용이 있는지 파일을 모니터링하여 필요한 경우 목록을 업데이트합니다.스크립트에서 원격 저장소 (예: HTTP를 사용 하 여 참조) 모니터링 얻을 하지 않습니다.

JavaScript IntelliSense 기능

JavaScript IntelliSense는 다음과 같은 개체를 지원합니다.

DOM(문서 개체 모델) 요소
내장 개체
사용자 정의 변수, 함수 및 개체
개체 참조를 사용 하 여 다음과 같은 외부 파일에 정의 된 스크립트 참조, 참조 지시문, 및 참조 그룹.
개체에 지정 된 XML 문서 주석, 매개 변수 및 필드와 같은.
표준 JavaScript 주석 태그를 사용 하 여 설명 하는 개체 (/ /).자세한 내용은 JavaScript IntelliSense 확장을 참조하십시오.
개체를 사용 하 여 지원 되는 JavaScript IntelliSense의 확장성 메커니즘입니다.자세한 내용은 JavaScript IntelliSense 확장을 참조하십시오.
ASP.NET AJAX 개체

IntelliSense는 개체의 형식을 확인할 수 없는 경우이 옵션은 현재 문서에서 식별자를 사용 하 여 문 완성을 제공 합니다.자세한 내용은 식별자 문 완성을 참조하십시오.

HTML DOM 요소

IntelliSense JavaScript 프로그래밍 참조 DHTML (동적 HTML) DOM 요소에 대해 같은 제공 body, form, 및 div.IntelliSense는 현재 문서와 마스터 페이지에 포함된 요소만 표시합니다.JavaScript IntelliSense도 지원의 window 및 document 개체와 해당 멤버입니다.

내장 개체

IntelliSense JavaScript 프로그래밍 참조를 기본적으로 내장 개체에 대 한 제공 Array, String, Math, Date, 및 Number.내장 개체에 대한 자세한 내용은 내장 개체(JavaScript)을 참조하십시오.

사용자 정의 변수, 함수 및 개체

JavaScript 파일을 변경 하면 Visual Studio 스캔을 열고 모든 코드를 사용할 수 있는 리소스를 확인 하는 문서를 참조 합니다.여기에는 사용자가 만든 변수, 함수 및 개체가 포함됩니다.이러한 리소스는 다음 JavaScript IntelliSense를 사용할 수 있습니다.

사용자 정의 변수, 함수 및 개체에 대한 자세한 내용은 MSDN 웹 사이트에서 Creating Your Own Objects를 참조하십시오.

외부 파일 참조

다양 한 유형의 코드에 IntelliSense 지원을 얻기 위해 외부 파일 참조를 포함할 수 있습니다.외부 파일 참조 스크립트 참조를 참조 지시문 이거나 참조 그룹을 사용 하 여 지정할 수 있습니다.

스크립트 참조

모든 클라이언트 스크립트를 한 페이지에 작성하는 대신 스크립팅 코드를 포함하는 외부 파일을 참조할 수 있습니다.그렇게 하면 다른 페이지에서도 코드를 쉽게 재사용할 수 있고 브라우저에서 클라이언트 스크립트를 캐시할 수 있습니다.

ASP.NET AJAX 사용 웹 페이지에서 작업하는 경우가 아니라면 script 요소의 여는 태그에서 src 특성을 사용하여 외부 스크립트 파일을 참조할 수 있습니다.src 특성은 소스 코드나 데이터가 들어 있는 외부 파일의 URL을 지정합니다.

다음 예제에서는 <script> 태그의 src 특성을 사용하여 스크립트 파일을 참조하는 태그를 보여 줍니다.

<script type="text/javascript" src="~/Scripts/JavaScript.js">
  
</script>

ASP.NET AJAX 사용 웹 페이지로 작업하는 경우 ScriptManager 컨트롤의 ScriptReference 개체를 사용하여 스크립트 파일을 참조할 수 있습니다.

다음 예제에서는 ScriptManager 컨트롤의 ScriptReference 개체를 사용하여 스크립트 파일을 참조하는 태그를 보여 줍니다.

<asp:ScriptManager ID="ScriptManager1" runat="server">
  <Scripts>
    <asp:ScriptReference Path="~/Scripts/JavaScript.js" />
  </Scripts>
</asp:ScriptManager>

IntelliSense는 ASP.NET AJAX 웹 응용 프로그램에서 어셈블리의 리소스로 포함된 스크립트 파일도 지원합니다.포함된 스크립트 리소스에 대한 자세한 내용은 Embedding a JavaScript File as a Resource in an Assembly을 참조하십시오.

참조 지시문

reference 지시문을 사용하면 Visual Studio에서 현재 편집하고 있는 스크립트와 다른 스크립트 사이에 관계를 설정할 수 있습니다.reference 지시문을 사용하면 현재 스크립트 파일의 스크립팅 컨텍스트에 스크립트 파일을 포함시킬 수 있습니다.그러면 코드를 작성할 때 외부에서 정의된 함수, 형식 및 필드를 참조할 수 있습니다.

reference 지시문은 XML 주석 형태로 작성합니다.이 지시문은 파일에서 다른 스크립트보다 먼저 선언해야 합니다.reference 지시문은 디스크 기반 스크립트 참조, 어셈블리 기반 스크립트 참조, 서비스 기반 스크립트 참조 또는 페이지 기반 스크립트 참조를 포함할 수 있습니다

다음 예제에서는 디스크 기반 참조 지시문을 사용하는 예를 보여 줍니다.첫 번째 예제에서는 프로젝트 파일 (예를 들어,.jsproj)에 있는 같은 폴더에 파일에 대 한 언어 서비스를 찾습니다.

/// <reference path="ScriptFile1.js" />

/// <reference path="Scripts/ScriptFile2.js" />

/// <reference path="../ScriptFile3.js" />

/// <reference path="~/Scripts/ScriptFile4.js" />

다음 예제에서는 어셈블리 기반 스크립트에 대한 참조를 만드는 방법을 보여 줍니다.

/// <reference name "Ajax.js" assembly="System.Web.Extensions, ..." />

다음 예제에서는 서비스 기반 스크립트를 참조하는 방법을 보여 줍니다.

/// <reference path="MyService.asmx" />

/// <reference path="Services/MyService.asmx" />

/// <reference path="../MyService.asmx" />

/// <reference path="~/Services/MyService.asmx" />

[!참고]

웹 응용 프로그램 프로젝트 (WAP)에서 웹 서비스 (.asmx) 파일에 포함 된 스크립트에 대해 JavaScript IntelliSense 지원 되지 않습니다.

다음 예제에서는 페이지 기반 스크립트를 참조하는 방법을 보여 줍니다.

/// <reference path="Default.aspx" />

/// <reference path="Admin/Default.aspx" />

/// <reference path="../Default.aspx" />

/// <reference path="~/Admin/Default.aspx" />

다음 규칙은 reference 지시문에 적용됩니다.

reference XML 주석은 다른 스크립트보다 먼저 선언해야 합니다.
XML 주석 구문에는 슬래시 세 개를 사용해야 합니다.표준 주석 구문(슬래시 두 개)을 사용하여 만든 참조는 무시됩니다.
지시문 하나 당 하나의 파일 또는 리소스만 지정할 수 있습니다.
페이지 기반 스크립트에 대한 다중 참조는 허용되지 않습니다.
페이지 참조가 지정되면 다른 형식의 참조 지시문은 사용할 수 없습니다.
파일 이름에는 상대 경로를 사용합니다.물결표 연산자(~)를 사용하여 응용 프로그램 루트에 상대적인 경로를 만들 수 있습니다.
절대 경로는 무시됩니다.
참조된 페이지의 참조 지시문은 처리되지 않습니다. 즉, 참조 지시문이 페이지에 대해 재귀적으로 해석되지 않고페이지에서 직접 참조하는 스크립트만 포함됩니다.

참조 그룹

참조 그룹을의 범위 내에 모든 JavaScript 프로젝트 파일은 해당 특정 IntelliSense.js를 지정할 수 있습니다.사용할 수 있는 세 가지 참조 그룹: 암시적 (Windows), 암시적 (웹) 및 전용된 작업자 그룹을 참조 합니다.(Windows)에 대 한 암시적 참조는 Windows 스토어 Javascript를 사용 하 여 응용 하 고 HTML5 프로젝트에 대 한 암시적 (웹) 참조.이러한 암시적 참조 그룹에 포함 된 파일이 코드 편집기에서 연 모든.js 파일에 대 한 범위에 있습니다.

전용된 작업자 참조 그룹에 대 한 HTML5 웹 근로자입니다.이 그룹에 지정 된 파일의 범위 내에 명시적으로 참조 하는 참조 전용된 작업자 그룹.js 파일입니다.암시적 참조는 참조 전용된 작업자 그룹에 대 한 명시적 참조 하는.js 파일에는 적용 되지 않습니다.

암시적 참조를 지정 하는 JavaScript 코드 편집기에 대 한 구성 옵션을 사용할 수 있습니다.자세한 내용은 옵션, 텍스트 편집기, JavaScript, IntelliSense을 참조하십시오.

팁
IntelliSense 참조 일반적으로 IntelliSense 및 전역 개체에 대 한 IntelliSense 지원을 제공 하는 확장.스크립트 로더를 사용 하 여 런타임 시 로드 해야 하는 스크립트에 대해이 기능을 사용할 수도 있습니다.

XML 문서 주석

XML 문서 주석 스크립트에 추가 하는 텍스트 설명입니다.주석 처리 된 스크립트를 참조 하는 경우 이러한 설명은 IntelliSense에 표시 됩니다.예를 들어, 함수의 매개 변수에 대 한 정보를 제공 하 고 값을 반환할 수 있습니다.XML 문서 주석에 참조 된 파일, 어셈블리 및 서비스 에서만 사용할 수 있습니다.자세한 내용은 XML 문서 주석(JavaScript) 및 방법: JavaScript XML 문서 주석 만들기을 참조하십시오.

IntelliSense에서는 다음과 같은 파일 참조 시나리오에서 XML 주석의 코드 참조를 표시합니다.

다른 .js 파일을 참조하는 .js 파일
.aspx 파일을 참조하는 .js 파일
.js 파일을 참조하는 .aspx 파일

한 .aspx 파일이 다른 .aspx 파일을 참조하는 경우 IntelliSense를 사용할 수 없습니다.

ASP.NET AJAX 개체

또한 ASP.NET AJAX는 JavaScript IntelliSense를 지원합니다.ASP.NET AJAX는 ECMAScript (JavaScript)에 사용할 수 있는 표준 형식 확장 클라이언트 프레임 워크를 포함 되어 있습니다.ASP.NET AJAX 개체에 대 한 정보를 제공 하려면 JavaScript IntelliSense를 사용 하려면 XML 문서 주석을 전체 추가한의 Microsoft AJAX 라이브러리.이러한 XML 문서 주석 형식과 멤버에 포함 된 ASP.NET AJAX 라이브러리에서 사용 하는 경우에 표시 됩니다.

[!참고]

전용 멤버는 JavaScript IntelliSense에서 표시 되지 않습니다.ASP.NET AJAX에서 전용 멤버는 밑줄(_)로 시작하는 멤버로 나타납니다.

JavaScript IntelliSense의 확장성

JavaScript 언어 서비스 개체 및 타사 라이브러리를 사용 하는 개발자를 위한 IntelliSense 환경을 수정할 수 있도록 하는 기능을 제공 합니다.이러한 기능은 기본 언어 서비스를 원하는 고객에 게 제공 하는 모든 정보를 제공할 수 없는 경우에 특히 유용 합니다.자세한 내용은 JavaScript IntelliSense 확장을 참조하십시오.

JavaScript 유효성 검사

JavaScript 스크립트 유효성 검사는 지속적으로 백그라운드에서 발생합니다.때 Visual Studio 구문 오류를 감지 JavaScript 코드에서 다음과 같은 방법으로 피드백을 제공 됩니다.

편집기에서 요소에 밑줄 표시.물결 모양의 빨간색 밑줄은 오류를 나타냅니다.오류 위에 마우스 포인터를 놓으면 오류를 설명하는 도구 설명이 표시됩니다.
오류 목록 창.오류 목록 창에 오류 설명, 오류가 발생한 파일, 줄 및 열 번호, 프로젝트가 표시됩니다.오류 목록 창을 표시하려면 보기 메뉴에서 오류 목록을 클릭합니다.
출력 창 로드 되지 않는 참조를 보여 줍니다.

맨 위로 이동

참고 항목

다음을 통해 공유