VUE3.0을 빠르게 시작하는 방법: 학습 시작
1. 변수의 개념
: 프로그램 개발에서 일부 기호를 사용자 정의하여 일부 이름을 표시하고 변수 이름, 함수 이름, 등. 이러한 기호를 식별자라고 합니다.
정의 규칙은
유효한 식별자는 it, It, age66, _age, $name입니다.
잘못된 식별자는 to, to, 798lu입니다.
식별자에 여러 단어가 필요한경우
일반적인 표시 방법은 user_name 과 같습니다. 카멜 표기법(예: userName) 및 Pascal 메서드(예: UserName). 독자는 개발 요구에 따라 이름 지정 방법을 통일하고 표준화할 수 있습니다. 예를 들어 변수 이름 지정에는 밑줄 방법이 일반적으로 사용되며, 함수 이름 지정에는 일반적으로 Camel Case 방법이 사용됩니다.
예약어: 자바스크립트 언어에서 미리 정의되어 특별한 의미를 부여받은 단어를 말합니다.
미래 예약 키워드: 예약되어 있으며 향후 예약 키워드가 될 수 있는 단어를 말합니다.
예약된 키워드 
키워드는 변수 이름, 함수 이름으로 사용할 수 없습니다. 그렇지 않으면 JavaScript 로딩 중에 구문 오류가 발생합니다.
미래를 위해 예약된 키워드
식별자를 정의할 때 향후 키워드로 변환할 때 오류가 발생하지 않도록 미래 예약 키워드를 사용하지 않는 것이 좋습니다.
: 변수는 데이터를 저장하는 컨테이너로 간주할 수 있습니다.
예를 들어, 물이 담긴 컵, 컵은 변수를 의미하고, 컵 안의 물은 변수에 저장된 데이터를 의미합니다.
구문: JavaScript의 변수는 일반적으로 var 키워드를 사용하여 선언되며 변수 이름의 명명 규칙은 식별자와 동일합니다.
예: 유효한 변수 이름(예: number, _it123), 잘못된 변수 이름(예: 88shout, &num).
참고로
JavaScript에서는 변수를 미리 선언하지 않고도 할당할 수 있지만, var 키워드를 생략하여 변수에 값을 직접 할당할 수도 있습니다. 하지만 자바스크립트는 동적 컴파일을 사용하기 때문에 프로그램 실행 시 코드에서 오류를 찾기가 쉽지 않습니다. 따라서 변수를 사용하기 전에 먼저 변수를 선언하는 습관을 기르는 것이 좋습니다.
상수: 상수는 스크립트 실행 중에 값이 절대 변하지 않는 수량으로 이해될 수 있습니다.
특징: 한번 정의되면 수정하거나 재정의할 수 없습니다.
예를 들어, 수학에서 Pi는 상수이며 그 값은 고정되어 변경할 수 없습니다.
구문: const 키워드는 상수를 정의하는 데 사용되는 새로운 키워드입니다.
상수 이름에는 항상 대문자를 사용하는 것이 관례입니다.
상수 값: 상수는 할당 시 특정 데이터일 수도 있고 표현식이나 변수의 값일 수도 있습니다.
2. 데이터 유형
JavaScript의 데이터: 값을 사용하거나 할당할 때 설정의 특정 내용에 따라 해당 유형을 결정합니다.
그러나 모든 컴퓨터 언어에는 지원되는 자체 데이터 유형이 있으며 JavaScript도 예외는 아닙니다.
참조 데이터 유형은 이후 장에서 자세히 소개됩니다.
) 유형은 JavaScript에서 가장 일반적으로 사용되는 데이터 유형 중 하나이며 일반적으로 논리적 판단에 사용됩니다.
ture | false는
사물의 "true"와 "false"를 나타내며 대소문자를 엄격하게 따르므로 true 및 false 값은 모두 소문자인 경우에만 부울 유형을 나타냅니다.
JavaScript의 숫자 유형은 정수와 부동 소수점 숫자를 구분하지 않습니다.
주어진 값이 JavaScript에서 수치 지정에 허용되는 범위를 초과하지 않는 한.
NaN 숫자가 아닌
유형 문자 유형(String)은 유니코드 문자, 숫자 등으로 구성된 문자 시퀀스입니다. 일반적으로 이 문자 시퀀스를 문자열이라고 부릅니다.
기능: 텍스트의 데이터 유형을 나타냅니다.
구문: 프로그램의 문자 데이터는 작은따옴표(") 또는 큰따옴표("")로 묶입니다.
질문: 작은따옴표 안에 작은따옴표를 사용하거나 큰따옴표 안에 큰따옴표를 사용하는 방법은 무엇입니까?
답변: 이스케이프 문자 ""를 사용하여 이스케이프하세요.
문자열에 줄 바꿈 및 탭과 같은 특수 기호를 사용할 때는 이스케이프 문자 ""도 사용해야 합니다.
데이터 유형 감지가 필요한 이유는 무엇입니까? 다음 예를 사용하여 설명하십시오.
변수 합계의 데이터 유형과 그 이유를 분석하고 알려주십시오.
답을 생각해 보세요. 변수 sum은 문자 유형입니다.
프로세스 분석: 연산자 "+"의 피연산자 중 하나가 문자 유형이면 문자 접합을 나타냅니다. 이 경우 연산에 관련된 두 변수는 num1이 숫자형이고 num2가 문자형이므로 최종 출력 변수 sum은 num1과 num2를 연결한 문자열이 됩니다.
생각 및 결론: 개발 중 작업과 관련된 데이터 유형에 대한 요구사항이 있는 경우 데이터 유형 감지를 수행해야 합니다.
JavaScript는 데이터 유형을 감지하기 위해 다음 두 가지 방법을 제공합니다.
typeof 연산자는 계산되지 않은 피연산자 유형을 문자열 형식으로 반환합니다.
typeof를 사용하여 null 유형을 감지하면 null 대신 객체가 반환됩니다.
JavaScript의 모든 것은 객체이기 때문에 Object.prototype.toString.call()의 확장 기능을 사용하면 데이터 유형을 보다 정확하게 구분할 수 있습니다.
Object.prototype.toString.call(data)의 반환 값은 "[object data type]" 형식의 문자 결과입니다. (반환 값은 console.log()를 통해 확인할 수 있습니다.)
데이터 유형 변환 - Boolean
응용 시나리오로: 데이터 비교, 조건 판단 등 표현식 및 프로세스 제어문에 자주 사용됩니다.
구현 구문: Boolean() 함수.
참고: Boolean() 함수는 비어 있지 않은 문자열과 0이 아닌 값을 true로 변환하고, 빈 문자열, 0, NaN, 정의되지 않음 및 null을 false로 변환합니다.
데모 예: 사용자에게 입력 콘텐츠가 있는지 확인합니다.
Analyze Boolean(con):
데이터 유형 변환 - 수치
응용 시나리오로 변환: 개발 중 계산을 위해 사용자가 전달한 데이터를 수신할 때 계산에 포함된 모든 데이터가 숫자인지 확인하기 위해 변환이 필요한 경우가 많습니다.
구현 구문: Number() 함수, ParseInt() 함수 또는 ParseFloat() 함수.
데모 예: 사용자 입력을 기반으로 자동 합계를 완료합니다.
숫자 유형을 변환하는 함수 사용에는 특정 차이점이 있습니다.
점에 유의하세요
. NaN이 아닌 경우에만 연산을 수행할 수 있습니다. 이때, isNaN() 함수를 이용하여 주어진 값이 정의되지 않은 상태, NaN, {}(객체)인 경우 true를 반환하고, 그렇지 않은 경우 false를 반환하는지 확인할 수 있습니다.
데이터 유형 변환 - 문자 유형
구현 구문으로 변환: String() 함수 및 toString() 메소드.
구현 방법의 차이점: String() 함수는 toString() 메서드가 없는 null 및 undef를 제외하고 모든 유형을 문자 유형으로 변환할 수 있으며 다른 데이터 유형은 문자 변환을 완료할 수 있습니다.
데모 예: 사용자 입력을 기반으로 자동 합계를 완료합니다.
toString() 메소드가 데이터 유형 변환을 수행할 때 값은 num4.toString(2)과 같은 매개변수 설정을 통해 지정된 베이스의 문자열로 변환될 수 있습니다. 이는 먼저 10진수 26을 2진수 11010으로 변환한 다음 그런 다음 의미합니다
.
문자 데이터를 변환합니다.
개념: 표현식은 다양한 유형의 데이터, 변수 및 연산자의 모음일 수 있습니다.
가장 간단한 표현식은 변수일 수 있습니다.
