JavaScript 데이터 유형, 엄격 모드 및 기본 작업에 대한 일일 심층 분석

JavaScript 튜토리얼 시리즈에 다시 오신 것을 환영합니다! 오늘 게시물에서는 데이터 유형, 엄격 모드 및 기본 작업과 같은 JavaScript의 몇 가지 기본 개념을 살펴보겠습니다. 이는 모든 JavaScript 프로그램의 구성 요소이므로 이를 잘 이해하면 코딩에 더 깊이 빠져들면서 성공할 수 있는 기반이 됩니다.

JavaScript의 데이터 유형 이해

JavaScript는 동적으로 유형이 지정되는 언어입니다. 즉, 변수가 보유하는 데이터 유형을 지정할 필요가 없습니다. 유형은 할당된 값에 따라 자동으로 결정됩니다. JavaScript의 주요 데이터 유형 중 일부를 자세히 살펴보겠습니다.

연산자 유형

typeof 연산자는 변수의 유형을 결정하는 데 사용됩니다. 간단한 예는 다음과 같습니다.

console.log(typeof undefined); // Outputs: "undefined"
console.log(typeof null);      // Outputs: "object"

• 정의되지 않음: 변수가 선언되었지만 값이 할당되지 않은 경우 해당 유형은 정의되지 않습니다.
• null: 객체 값이 의도적으로 없음을 나타냅니다. 흥미롭게도 typeof null은 객체를 반환합니다. 이는 JavaScript의 잘 알려진 특징이며 혼란스러워 보일 수도 있지만 익숙해질 것입니다.

주요 데이터 유형

1. 숫자: 정수와 부동소수점 숫자를 모두 나타냅니다.

   • 예: num = 42;
   • JavaScript는 BigInt를 사용할 수 있는 최대 2^53의 숫자를 처리할 수 있습니다.

2. BigInt: Number의 안전한 정수 범위를 벗어나는 큰 정수에 사용됩니다.

   • 예: bigNum = 9007199254740991n;

3. 문자열: 텍스트에 사용되는 일련의 문자입니다.

   • 예: 인사말 = "Hello, World!";

4. 부울: 논리값(참 또는 거짓)을 나타냅니다.

   • 예: let isJavaScriptFun = true;

5. Null: Null 값, 즉 값이 전혀 없음을 나타내는 특수 키워드입니다.

   • 예: letemptyValue = null;

6. 정의되지 않음: 변수가 선언되었지만 값이 할당되지 않았음을 나타냅니다.

   • 예: 무언가를 시키다;

7. 기호: 고유 식별자를 나타냅니다. 기호는 이름 충돌을 피하기 위해 객체의 키로 사용되는 경우가 많습니다.

   • 예: let UniqueId = Symbol("id");

"use strict"를 사용하여 최신 JavaScript 적용

코드가 최신 JavaScript 표준을 준수하는지 확인하고 일반적인 함정을 피하려면 스크립트나 함수 시작 부분에 "use strict"를 사용할 수 있습니다.

"use strict";
// All code below will be treated as newer version of JavaScript

엄격 모드는 선언되지 않은 변수 사용과 같은 일반적인 코딩 실수를 포착하고 코드를 더욱 안전하고 최적화하는 데 도움이 됩니다.

JavaScript에서 기본 작업 수행

JavaScript는 기본 산술부터 문자열 연결까지 광범위한 작업을 지원합니다. 몇 가지 예를 살펴보겠습니다.

산술 연산

let value = 3;
let negValue = -value;
console.log(negValue); // Outputs: -3

console.log(2 + 2); // Addition: 4
console.log(2 - 2); // Subtraction: 0
console.log(2 * 2); // Multiplication: 4
console.log(2 ** 3); // Exponentiation: 8
console.log(2 / 3); // Division: 0.666...
console.log(2 % 3); // Modulus: 2 (remainder)

문자열 연산

let str1 = "hello";
let str2 = " hitesh";

let str3 = str1 + str2;
console.log(str3); // Outputs: "hello hitesh"

console.log("1" + 2); // Outputs: "12" (String concatenation)
console.log(1 + "2"); // Outputs: "12" (String concatenation)
console.log("1" + 2 + 2); // Outputs: "122"
console.log(1 + 2 + "2"); // Outputs: "32"

작업 순서가 중요합니다! JavaScript는 산술 연산에서 문자열을 발견하면 다른 피연산자를 문자열로 변환하고 연결합니다.

결합된 운영

console.log((3 + 4) * 5 % 3); // Outputs: 2

여기서 괄호는 연산 순서를 지정하여 곱셈과 모듈러스 전에 덧셈이 발생하도록 합니다.

단항 연산자

단항 연산자는 단일 피연산자로 작동합니다. 다음은 몇 가지 예입니다.

console.log(+true); // Outputs: 1 (Boolean `true` is converted to 1)
console.log(+""); // Outputs: 0 (An empty string is converted to 0)

변수 할당 연결

JavaScript에서 할당을 연결할 수 있습니다.

let num1, num2, num3;
num1 = num2 = num3 = 2 + 2;
console.log(num1, num2, num3); // All will output: 4

증분 연산자

JavaScript는 증가(및 감소) 연산자도 지원합니다.

let gameCounter = 100;
++gameCounter;
console.log(gameCounter); // Outputs: 101

접두사 대 후위 증분

JavaScript는 접두사(++gameCounter)와 후위(gameCounter++) 증분을 구분합니다.

• 접두사: 사용하기 전에 값을 증가시킵니다.
• Postfix: 값을 먼저 사용한 다음 증가시킵니다.

유형 변환 및 연산에 대해 더 자세히 알아보려면 ECMAScript 문서를 확인하세요.

오늘은 다양한 데이터 유형과 엄격 모드 이해부터 기본 작업 수행까지 몇 가지 필수 JavaScript 개념을 다루었습니다. 이는 JavaScript를 진행하면서 구축하게 될 기본 개념입니다. 더 잘 이해하려면 이러한 예를 연습하고 다양한 작업을 실험해 보세요.

자바스크립트의 매혹적인 세계를 계속해서 탐험하는 동안 이 시리즈의 더 많은 튜토리얼을 계속 지켜봐 주시기 바랍니다!

-
즐거운 코딩 되시고 다음 영상에서 만나요!!

위 내용은 JavaScript 데이터 유형, 엄격 모드 및 기본 작업에 대한 일일 심층 분석의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!