JavaScript 기초 문법 demo 1

JavaScript 기초 문법
이 편 은 자 바스 크 립 트 의 기초 지식 과 변수, 데이터 형식 을 다 루 고 있 습 니 다. 이것 은 초보 자가 쓴 노트 입 니 다. 오류 가 있 으 면 지적 해 주 십시오!

자 바스 크 립 트 는 더 이상 표기 언어 가 아니 라 프로 그래 밍 언어 입 니 다!

JavaScript Hello World

코드 예시:

<script>
  alert('Hello World');
script>

자 바스 크 립 트 를 처음 알 았 습 니 다.
창시자 Brendan Eich 와 자바 는 전혀 관계 가 없습니다 (자바 와 sun 회사 에 속 합 니 다)

JavaScript 는 스 크 립 트 언어

처음에는 암호 강 도 를 판단 했다

JavaScript 구성

ECMAScript: JavaScript 문법

DOM: 문서 개체 모델

BOM: 브 라 우 저 개체 모델

JavaScript 쓰기 위치

줄 내 식 js: 탭 에 속성 추가

내 장 된 js: script 태그 에 js 코드

를 씁 니 다.

외부 js: js 파일 을 새로 만 들 고 로 도입 합 니 다.

두 탭 사이 에 코드 를 쓸 수 없습니다

작은 지식: js 에서 작은 따옴표

를 추천 합 니 다.
자 바스 크 립 트 주석

코드 예시:

//     

/*   
      */

한 줄 주석 단축 키 Ctrl + /

여러 줄 주석 단축 키 Shift + alt + a

JavaScript 입 출력 문
매개 변수 값
설명 하 다.
alert(‘msg’)
브 라 우 저 팝 업 경고 상자
console.log(‘msg’)
브 라 우 저 콘 솔 출력 메시지 출력
prompt(‘info’)
브 라 우 저 팝 업 입력 상자, 사용자 가 입력 할 수 있 습 니 다.

코드 예시:

<script>
  //   
  prompt('   ');
  //   
  alert('   ');
  //     
  console.log('       ');
script>

console. log F12 에 있 는 Console 에서 볼 수 있 습 니 다

JavaScript 변수

변수: 데 이 터 를 저장 하 는 용기

변수의 사용

성명 변수 와 할당:

//    age  
var age;
age = 18;
//  
var name = '    ';
//      
var name = '    ' , age = '18';

var 키워드 (variable 변수), 변수 설명

여러 변 수 를 설명 할 때 쉼표 로 분리

할당 되 지 않 은 변수의 기본 값 은 undefined 입 니 다.

할당 되 지 않 은 값 을 직접 사용 하면 "xx is not defined"

를 잘못 보고 할 수 있 습 니 다.

변 수 는 설명 하지 않 고 직접 사용 할 수 있 습 니 다 (전제조건 은 값 을 부여 해 야 합 니 다) 추천 하지 않 습 니 다

변수 인 스 턴 스

사용자 가 입력 하고 페이지 에 출력 하도록 합 니 다

var myname;
myname=prompt('     ');
alert('   '+name);
//      +

자 바스 크 립 트 변수 명명 규범

알파벳 숫자$기호 (자바 이름 과 같 음)

대소 문자 가 민감 하 다

작은 낙타 봉 식 명명

name 으로 변수 이름 을 만 들 지 마 세 요. (name 은 브 라 우 저 에 의미 가 있 기 때 문 입 니 다)

name 은 브 라 우 저 자체 가 정의 되 었 습 니 다

자 바스 크 립 트 데이터 형식

JavaScript 는 약 한 유형의 언어 로 유형 이 실 행 될 때 자동 으로 확 정 됩 니 다

변수의 데이터 형식 은 변화 할 수 있 습 니 다. (예 를 들 어 하나의 변 수 는 1 이 고 그 다음 에 하나의 문자열 을 이 변수 에 지불 할 수 있 습 니 다)

단순 데이터 형식
데이터 형식
기본 값
Number (숫자)
0
불 린 (불 형)
false
문자열 (문자열)
“”
Undefined (정의 되 지 않 은 변수)
undefined
Null (비어 있 음)
null
숫자 (숫자)

정수 와 소수 포함

8 진법: var num = 010;(10 진법 의 8)

16 진법: var num = 0xa;(10 진법 의 10)

.MAX_VALUE 최대 치, MINVALUE 최소 값

alert(Number.MAX_VALUE);
alert(Number.MIN_VALUE);

infinity: 무한대 (Number 의 범 위 를 초과)

- infinity: 무한소

NaN (Not a number): 비수 치 (예 를 들 어 하나의 문자열 에서 하나의 숫자 를 빼 기)

isNAN () 은 비 숫자 여 부 를 판단 하고 숫자 는 false 를 되 돌려 주 며 비 숫자 는 true

를 되 돌려 줍 니 다.
문자열 (String)

작은 따옴표 와 작은 따옴표 가 모두 가능 합 니 다. 작은 따옴표

를 추천 합 니 다.

문자열 의 끼 워 넣 기:

var str = '  "  "  JavaScript';

전의 부호 "

문자열 속성

검 측 문자열 길이: length 속성

코드 예시:

var str = 'noobxiaoming';
colsole.log(str.length);

문자열 연결: +

+ 모든 다른 유형 을 문자열 형식 으로 변환 합 니 다

var str = 'xiaoming' , num = 2333;
conlsole.log(str+num);
//     xiaoming2333 (    )

기타 데이터 형식

불 형 (Boolean)

true 는 계산 에 참여 할 때 1 (false 당 0)

로 간주한다.

정의 되 지 않 은 (undefined)

초기 값 을 부여 하지 않 은 유형

undefined + 숫자 = NaN

빈 값 (null)

null + 1 = 1

데이터 형식 가 져 오기

키워드: typeof

코드 예시:

var num = 10;
console.log(typeof num);

데이터 형식 이 null 일 때 type: of 에서 검 측 된 데 이 터 는 object (대상)

입 니 다.

데이터 형식 특례:

var age = prompt('     ');
//     18
console.log(typeof age);
//      String

prompt 에서 얻 은 값 은 문자 형

입 니 다.
콘 솔 을 통 해 데이터 형식 가 져 오기

숫자 형: 파란색

문자 유형: 검은색

불 형: 네 이 비

bool 과 null: 옅 은 회색

데이터 형식 변환
문자열 형식 으로 변환
방식.
기본 값
.toString()
문자열 로 변환
String()
문자열 로 강제로 변환
+
연결 결 과 는 문자열 입 니 다.

코드 예시:

var num = 12;
console.log(num.toString());
console.log(String(num));
console.log('' + num);

숫자 형 으로 변환
방식.
기본 값
parseInt(string)
string 을 int 로 변환
parseFloat(string)
string 을 float 로 변환
Number()
강제로 수치 형 으로 변환
- * /
계산 결 과 는 숫자 이다.

코드 예시:

var str = '2020';
console.log(parseInt(str));
console.log(parseFloat(str));
console.log(Number(str));
//     
console.log(str - 0);
console.log(str - '20');
//     2000

문자열 뒤에 단위 가 있 으 면 (첫 번 째 는 숫자 여야 하고, 뒤 에는 알파벳 일 수 있다) parseInt 와 parseFloat 는 자동 으로 단 위 를 제거 합 니 다

앞 뒤에 알파벳 이 있 으 면 parseInt 와 parseFloat 는 NaN

으로 돌아 갑 니 다.

예 를 들 어

var unit = '120px';
var str = 'abc123abc';
console.log(parseInt(unit));
//   120
console.log(parseInt(str));
//   NaN

불 형 변환

Boolean () 함수

', 0, NaN, null, undefined 를 false

로

코드 예시:

console.log(Boolean(''));
//   false

이 내용에 흥미가 있습니까?

현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:

vue 입문 vue 와 react 와 Angular 의 관계 와 차이

vue 의 목 표 는 가능 한 한 간단 한 API 를 통 해 '응답 하 는 데이터 바 인 딩' 과 '조 합 된 보기 구성 요소' 를 실현 하 는 것 입 니 다. 4) vue 와 angular 바 인 딩 은 모두 {{...

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.

JavaScript 기초 문법 demo 1

좋은 웹페이지 즐겨찾기