JavaScript 미니멀 입문 튜토리얼(1): Basics_javascript 기술

이 기사를 읽으려면 다른 언어로 프로그래밍한 경험이 필요합니다.

공부를 시작하기 전에

대부분의 프로그래밍 언어에는 좋은 부분과 나쁜 부분이 있습니다. 이 문서에서는 다음과 같은 이유로 JavaScript의 좋은 부분만 다룹니다.

1. 좋은 부분만 학습하면 학습시간이 단축됩니다
2. 작성된 코드가 더욱 강력해졌습니다
3. 작성된 코드가 더 읽기 쉽습니다
4. 작성된 코드는 유지 관리가 더 쉽습니다

약한 타이핑과 강한 타이핑

일반적으로 버그를 빨리 수정할수록 비용이 적게 듭니다. 강력한 형식의 언어용 컴파일러는 컴파일 타임에 특정 오류를 확인할 수 있습니다. JavaScript는 약한 유형의 언어이며 해당 인터프리터는 유형 오류를 확인할 수 없지만 실습에서는 다음과 같이 표시됩니다.

1. 강한 타이핑으로 피할 수 있는 오류는 심각한 오류가 아닙니다
2. 약한 타이핑은 유연성을 가져올 수 있으며 강한 타이핑의 짐을 질 필요가 없습니다

JavaScript 관련 표준

ECMA-262 표준은 ECMAScript 언어를 정의합니다. 우리가 잘 알고 있는 JavaScript와 ActionScript는 모두 ECMAScript를 기반으로 합니다. 현재 주류에서는 ECMA-262 5판을 사용하고 있으며, Google의 V8 엔진이 이를 구현하고 있습니다.

안녕하세요 자바스크립트

JavaScript는 해석하고 실행하기 위해 인터프리터가 필요한 스크립트 언어입니다. JavaScript를 브라우저에서 해석하고 실행할 수도 있고, Google의 V8 JavaScript 엔진을 통합한 node.js를 직접 사용할 수도 있습니다. node.js는 사용하기 매우 편리하므로 여기서는 node.js를 사용하여 JavaScript를 해석하고 실행합니다. 이제 첫 번째 JavaScript 프로그램을 살펴보세요.

코드 복사 코드는 다음과 같습니다.

// test.js
console.log("Hello JavaScript");

다음 절차를 실행하세요.

코드 복사 코드는 다음과 같습니다.

노드 테스트.js

문법

메모

JavaScript는 C와 동일한 주석 방식을 사용하며, 한 줄 주석에는 //, 여러 줄 주석에는 /* */를 사용합니다.

숫자 유형

JavaScript에는 64비트 부동 소수점 숫자인 하나의 숫자 유형만 있습니다. 숫자 유형에는 NaN과 Infinity라는 두 가지 특수 값이 있습니다. NaN은 숫자가 아님을 의미합니다. isNaN 함수를 사용하여 NaN 값이 무한대를 의미합니다. Math 개체에는 숫자를 조작하기 위한 일련의 메서드가 있습니다. 예를 들어 Math.floor 메서드는 반올림하는 데 사용됩니다.

문자열

문자열 리터럴은 이스케이프 문자를 사용하여 작은따옴표나 큰따옴표로 묶을 수 있습니다(다른 많은 언어와 다르지 않음). JavaScript의 각 문자는 2바이트이며 유니코드 문자 세트를 사용합니다. 문자열에는 길이 속성이 있습니다.

코드 복사 코드는 다음과 같습니다.

"Hello".length // 값은 5입니다. "Hello"가 아닙니다.length()

문자열은 변경할 수 없습니다(Lua와 동일). 여기에 언급된 길이 속성 외에도 다음과 같은 몇 가지 메서드가 있습니다.

코드 복사 코드는 다음과 같습니다.

'cat'.toUpperCase() === '고양이'

성명

var 문은 지역 변수를 선언하는 데 사용됩니다. 그렇지 않으면 변수는 전역 변수이고 초기화되지 않은 변수의 값은 정의되지 않습니다.

코드 복사 코드는 다음과 같습니다.

함수 f() {
var localVar = 123;
globalVar = 456;
var i; // i의 값이 정의되지 않았습니다
};

f();

console.log(globalVar); // 확인
console.log(localVar); // 오류, localVar가 정의되지 않았습니다

{}로 래핑된 문 그룹을 블록이라고 합니다. 다른 언어와 달리 JavaScript의 함수는 새 범위를 생성하지만 블록은 생성하지 않습니다.

코드 복사 코드는 다음과 같습니다.

{
var v = 123;
}
console.log(v); // 알겠습니다

if문

코드 복사 코드는 다음과 같습니다.

if(표현식)
성명

또는

코드 복사 코드는 다음과 같습니다.

if(표현식)
진술1
그 외
진술2

또는

코드 복사 코드는 다음과 같습니다.

if (표현식1)
진술1
else if(표현식2)
진술2
else if(표현식3)
진술3
그 외
성명서 4

if 문은 표현식의 값이 참인지 거짓인지 판단하여 특정 문을 실행할지 아니면 건너뛸지를 결정합니다. JavaScript에서 다음 값은 false입니다(다른 모든 값은 true입니다).

1.거짓
2.널
3.정의되지 않음
4. 빈 문자열
5.0
6.NaN

if의 문은 문 또는 문 블록일 수 있습니다.

switch 문

코드 복사 코드는 다음과 같습니다.

스위치(명사) {
사례 1: // n이 1인 경우
//코드 블록 실행
휴식;
사례 2: // n이 2인 경우
//코드 블록 실행
휴식;
기본값: // n이 1도 2도 아닌 경우
//코드 블록 실행
휴식;
}

여기서 break는 루프 문이나 스위치 문을 종료하는 데 사용됩니다. JavaScript에는 두 값이 같은지 비교하는 두 가지 연산자가 있습니다.

1.== ​​​​(!= 연산자에 해당), 같음, 두 피연산자 유형이 다른 경우 이 연산자는 비교 전에 피연산자 유형을 변환하려고 시도합니다. 예:

코드 복사 코드는 다음과 같습니다.

var x = 1;
x == 1; // 참
x == "1"; // 참

2.===(!== 연산자에 해당), 완전히 동일하며 피연산자 유형 변환을 수행하지 않고 두 피연산자를 비교합니다. 예:

코드 복사 코드는 다음과 같습니다.

var x = 1;
x === 1; // 참
x === "1" // 거짓

NaN은 어떤 값과도 같지 않습니다. x가 NaN이면 x !== x(NaN의 경우에만 해당), 다음과 같이 isNaN 함수를 구현할 수 있습니다.

코드 복사 코드는 다음과 같습니다.

함수 isNaN(n) {
n 반환 !== n;
}

위의 switch 문은 if 문으로 변환됩니다.

코드 복사 코드는 다음과 같습니다.

if (n === 1)
// ...
else if (n === 2)
// ...
그 외
// ...

while 및 do-while 문

코드 복사 코드는 다음과 같습니다.

동안(표현)
성명

expression이 true이면 표현식이 false가 될 때까지 문이 반복해서 실행됩니다.

코드 복사 코드는 다음과 같습니다.

하세요
성명
while(표현식);

문이 먼저 실행된 다음 조건식이 확인된다는 점을 제외하면 while 루프와 유사합니다.

for 문

코드 복사 코드는 다음과 같습니다.

for (초기화, 테스트, 증가)
성명

첫 번째 초기화는 한 번 실행되고(일반적으로 루프 변수를 초기화하는 데 사용됨) 테스트 조건이 테스트됩니다(일반적으로 루프 변수를 테스트하는 데 사용됨). 테스트 조건이 false이면 루프가 중지되고, 그렇지 않으면 명령문이 실행됩니다. 그런 다음 increment가 실행되고(일반적으로 루프를 업데이트하는 데 사용되는) 변수) 테스트 조건 테스트를 수행하고 루프가 계속됩니다. 사용 예:

코드 복사 코드는 다음과 같습니다.

for (var i=0; i console.log(i);
}

for의 또 다른 형식은 객체의 모든 속성 이름을 열거하는 데 사용됩니다.

코드 복사 코드는 다음과 같습니다.

for (객체의 변수)
성명

예:

코드 복사 코드는 다음과 같습니다.

var obj = {
답: 1,
b: 2,
ㄷ: 3
};

for(obj의 var 이름)
console.log(이름);

속성 이름이 객체에 속하는지 또는 프로토타입 체인에서 발견되는지 확인하기 위해 hasOwnProperty 메소드를 사용한다는 점에 유의해야 합니다(프로토타입은 다음 기사에서 소개됩니다).

코드 복사 코드는 다음과 같습니다.

for(obj의 var) {
If (obj.hasOwnProperty(var)) {
               // ...
}
}

반품 명세서

return 문은 함수가 값을 반환하도록 하는 데 사용됩니다. 함수가 명시적으로 return을 사용하지 않으면 정의되지 않은 값이 반환됩니다.

코드 복사 코드는 다음과 같습니다.

함수 f() { }
var v = f(); // v === 정의되지 않음

?: 조건 연산자(자바스크립트의 유일한 삼항 연산자)
?: 조건부 연산자는 많은 프로그래밍 언어에 존재합니다. 첫 번째 피연산자가 true이면 두 번째 피연산자의 값을 반환하고, 그렇지 않으면 세 번째 피연산자의 값을 반환합니다. 사용 예:

코드 복사 코드는 다음과 같습니다.

함수 ABS() {
x > 0 ? x : -x;
}

연산자 유형

typeof 연산자는 변수의 유형을 얻는 데 사용되며 반환 값에는 다음이 포함됩니다.

1.'숫자'
2.'문자열'
3.'부울'
4.'정의되지 않음'
5.'기능'
6.'객체'

null의 특수 유형은 'object'를 반환합니다. typeof에 대한 예:

코드 복사 코드는 다음과 같습니다.

var a = 'hello' 유형; // a === 'string'
var b = typeof null; // b === '객체'

운영자

연산자는 JavaScript의 추가 작업에 사용할 수 있으며 문자열 연결에도 사용할 수 있습니다.

코드 복사 코드는 다음과 같습니다.

var message = 'hello' 'world'; // 메시지 === 'helloworld'

&& 및 || 연산자

&& 연산자는 첫 번째 피연산자가 false인 경우 첫 번째 피연산자의 값을 반환하고, 그렇지 않으면 두 번째 피연산자의 값을 반환합니다.
|| 연산자는 첫 번째 피연산자가 true인 경우 첫 번째 피연산자의 값을 반환하고, 그렇지 않으면 두 번째 피연산자의 값을 반환합니다.

코드 복사 코드는 다음과 같습니다.

var a = 1 && true; // a === true
var b = 1 || false; // b === 1

||의 관용적 사용법:

코드 복사 코드는 다음과 같습니다.

name = 이름 || 'unknown'; // 'unknown'의 기본값을 설정합니다