자바스크립트 튜토리얼 2부

반응형

이 블로그에서는 스크립트가 무엇인지, 메인 파일(.html)에 외부 스크립트를 추가하는 방법, 자바스크립트에서 키워드를 가져오고 내보내는 방법, 엄격한 모드, 리터럴, 변수, 원시 및 비기본 데이터 유형이 무엇인지 설명했습니다.

참고: 이 블로그를 읽기 전에 이전 블로그 의 JavaScript 기본 사항을 읽어보시는 것이 좋습니다.

외부 스크립트 포함:

• 스크립트는 요소이며, 스크립트의 도움으로 우리는 자바스크립트 코드를 HTML 코드로 작성할 수 있습니다.
• 나는 이것을 예를 들어 설명하려고 합니다.
• 파일 스크립트가 있습니다.js

 

• 이 스냅샷은 script.js 파일입니다.
• 이제 이 파일을 index.html에 추가하려고 합니다.
• 파일을 추가하려면 스크립트 요소를 사용해야 합니다.
• 따라서 스크립트 요소의 도움을 받아 index.html에 script.js 파일을 추가해야 합니다.

대본을 작성하다

• 컴퓨터가 자동으로 당신의 script.js를 가져올 수 없기 때문에 당신은 컴퓨터에 파일이 저장된 곳을 말해야 한다.
• 먼저 src 특성을 가진 스크립트 태그를 작성해야 하며 이 속성은 파일이 저장된 위치를 컴퓨터에 알려주는 데 사용됩니다.

<스크립트 src = "script.js" >

 

• 그런 다음 컴퓨터에 어떤 파일 형식이 index.html에 추가되었는지 알려줘야 합니다.
• 형식 속성은 텍스트 파일, 오디오 파일, 비디오 파일과 같이 추가한 파일 유형을 지정합니다.
• 따라서 이 특성(유형)은 우리가 추가된 파일 유형을 컴퓨터에 알려줍니다.

• 위의 프로그램은 index.html입니다. 마지막으로 index.html 파일로 스크립트 요소를 추가하였습니다.
• 마지막으로, 우리 프로그램은 출력 1과 2를 줄 것입니다.

• 내 콘솔에 이 출력이 있어

 

수입품

• import는 외부 파일에서 변수, 함수 및 클래스를 가져오는 데 사용되는 javascript의 키워드 중 하나입니다.
• 그리고 변수 또는 내보낼 수 있는 기능을 만들어야 합니다. 그래서 당신은 키워드 내보내기를 함수, 변수, 함수 이름 앞에 놓아야 합니다.
• 이제 변수, 함수를 내보낼 준비가 됩니다.
• 예를 들어, .js 파일 mouse.js가 있으면 이 함수를 다른 파일로 내보내려고 합니다.

• 당신은 모듈에 스크립트 유형을 할당해야 합니다. 우리는 이런 스크립트 요소를 써야 한다.

<스크립트 종류 = "대본">

 

".mouse.js"에서 {Mouse} 가져오기

마우스 = 새 마우스();

</스크립트>

• 우리는 이 스크립트를 .br 파일에 작성해야 합니다.
• 예를 들어 import.html 파일이 있어서 이 import.html 파일에 위의 스크립트를 작성해야 합니다.

 

여러 정의 가져오기 및 내보내기:

• 여러 개의 파일에서 여러 개의 변수, 함수 및 클래스를 주 프로그램으로 가져올 수도 있습니다.

엄격한 모드:

 

• 우리가 엄격한 모드 없이 프로그램을 작성할 때, 우리의 프로그램은 몇몇 침묵 오류를 무시합니다.
• 그렇지 않으면, 우리가 프로그램에서 엄격한 모드를 사용할 때, 그것은 약간의 침묵 오류를 발생시킬 것이다.

예를 들어 선언되지 않은 변수는 사용할 수 없습니다. 엄격한 모드 없이 선언되지 않은 변수를 사용하면 해당 변수가 자동으로 생성됩니다.

• 삭제 키워드를 사용하여 JavaScript에서 변수를 삭제할 수 없습니다.

 

• 위의 예는 오류를 제공합니다.
• 그러나 엄격한 모드를 사용하지 않으면 위의 코드는 자동으로 실패하며 변수는 삭제되지 않으며 변수를 삭제하면 false로 반환되지만 프로그램은 계속 실행됩니다.

• 이제 우리 프로그램은 엄격한 모드에서 오류, 자격 없는 식별자를 던질 것이다.

엄격한 모드의 범위:

 

• 위의 예에서 우리는 전역적으로 엄격한 모드를 선언하였다.
• 우리는 전역적으로 엄격한 모드를 선언할 수 있을 뿐만 아니라 단일 블록(단일 기능)도 선언할 수 있다.
• 전문적인 환경에서는 스크립트 모드가 일반적이기 때문에 스크립트 모드를 사용해야 하는데, 엄격한 모드는 프로그램에 많은 버그가 들어오는 것을 방지합니다.
• 참고로 자바스크립트를 처음 배운다면 프로그램에서 엄격한 모드를 사용하지 않는 것이 좋습니다.

리터럴 값:

• 리터럴은 값을 나타내며 값은 숫자 또는 문자열일 수 있습니다.
• +, -, *, /와 같은 연산자를 사용하여 리터럴을 결합하여 단일 결과를 생성할 수 있습니다.

리터럴 유형:

• 각 리터럴 값은 일반적으로 생성자 함수를 가지고 있다.

 

• 숫자 숫자()

예: 숫자(1) + 숫자(2)

• 위의 식은 출력값을 3으로 줄 것이다.

2. 문자열 문자열()
3. 배열 배열()

 

4. 객체 객체()
5. 부울 부울()
6. 함수 함수()

예:

 

변수:

• 변수는 명명된 메모리 위치입니다. 선언된 변수는 메모리 위치에 저장되어야 하기 때문입니다.
• 변수를 사용하여 저장된 값에 액세스할 수 있습니다.

예: x = 5로 설정합니다.

• 프로그램 값을 실행하면 5가 메모리 위치 x에 저장됩니다.
• 해당 값에 액세스하려는 경우 해당 변수 이름으로 값에 액세스할 수 있습니다. 변수 이름 아래에 값이 저장되기 때문입니다.
• 변수를 키워드로 신고해야 합니다.
• 키워드 var, let, const가 있습니다.

예:

 

• 위의 키워드는 변수 선언에 사용됩니다. 키워드마다 범위가 달라요. 삭제 키워드를 사용하여 JavaScript에서 변수를 삭제할 수 없습니다.
• 키워드 var와 큰 차이를 두자, 변수를 var 키워드로 선언하면 해당 함수 내에서 변수에 액세스할 수 있다.
• 만약 당신이 변수를 let 키워드로 선언했다면, 우리는 문 블록 내의 변수에 접근할 수 있다.

참조로 값 전달:

• 하나의 변수 값을 다른 변수 값으로 복사할 수 있는데, 프로그래밍 언어에서 가능합니다.

JavaScript는 두 가지 유형의 데이터를 제공합니다.

 

• 원시 데이터 유형. (상호 가능) 숫자, 문자열, 부울, Null.
• 중복되지 않은 데이터 유형. (불변) 객체, 배열, 기능.

기본 데이터 유형:

• Primitive data type은 변형 가능한 데이터 유형을 의미하며, 이러한 방식으로 한 변수 값을 다른 값으로 복사할 수 있습니다.

x 값을 y로 복사했는데, 이는 5가 y에 저장됨을 의미합니다(y는 명명된 메모리 위치임).

 

y 값을 100으로 변경하고자 한다면 x 값은 수정할 수 없습니다.

비기본 데이터 유형:

• 이번에 우리는 y 값을 변경했지만 x.p 값은 수정되었습니다.
• 변수 y는 x의 값을 가리킵니다.
• 따라서 x의 값은 y 변수에 복사되지 않습니다.
• 이제 x는 복사본이 아니라 y를 가리키는 말이 되었습니다.
• 이것이 우리가 y.p의 값을 수정할 때 x.p의 값이 수정되는 이유입니다.