Javascript를 처음 알고 기초 지식을 정리한 소감

Javascript란?
  • 약칭 JS는 이전에 배운 HTML, CSS와 구별되는 언어, 스크립트 언어로 고급 프로그래밍 언어의 일종이다.

  • JS의 세 가지 쓰기
  • 이전에 배운 CSS와 비슷
  • ① js는 html에 쓰여져 있으므로 script 태그에 써야 한다(내부 쓰기 방법) ② js는 JS 파일에 단독으로 넣고 script 태그를 통해 도입한다. 프로젝트를 할 때 보통 이렇게 인용하여 유지보수성(외부 쓰기 방법)을 강화한다. ③ js는 시작 태그에 써서 시작 태그의 속성으로 한다.(인라인 쓰기)
    JS의 변수
    변수: 변수는 메모리의 한 공간 변수 이름이다. 변수 이름은 메모리 공간의 별명이다. 즉, 변수 이름에 대한 조작은 메모리 공간에 대한 조작 변수 값이다. 변수 값은 메모리 공간에 저장된 상태(데이터)이다. 예를 들어 var a = 100;// a, 100변수의 분류
    1. 전역 변수(모든 코드 블록이 적용될 수 있음) 2. 국부 변수(확정된 특정한 단락의 코드 블록이 특정한 함수에 적용될 수 있음)
    요약: 함수에 정의된 것이 국부 변수라면 함수 외에 정의된 것은 전역 변수이다. 또한var let const 등을 넣어서 변수를 정의하지 않으면 어디에 있든지 전역 변수`a = 10;//물론 이런 건 사용을 권장하지 않아요.
    JS의 기본 문법
    ① JS는 대소문자 구분(true와 True가 다르다var a = 1; var A = 1; ② 공백자 무시(빈칸, 줄 바꾸기 등) ③ 문장의 번호는 추가할 수 있고 안 추가할 수 있음(당연히 추가할 수 있음) ④ 주석(단행 주석//여러 줄 주석/**/) ⑤ 표지부와 키워드var a = 666; var a JS의 데이터 유형
  • 메모리 공간을 더욱 합리적으로 사용하기 위해 데이터 유형의 개념을 제시하고 서로 다른 메모리 공간에 서로 다른 데이터 유형을 분배한다
  • 다섯 가지 기본 데이터 유형: 1.number 수치는 정수 소수 구분이 없습니다.2. boolean 부울 유형은true와false뿐입니다.string 문자열 유형 ""은(는) 문자와 문자열을 구분하지 않고 문자열 4.undefined에 값이 없습니다.null 값 인용 데이터 형식 없음 (복잡한 데이터 형식): object 대상은 Array 수조function 함수를 포함하여 JS에서 데이터 형식입니다
    JS에서 데이터 유형에 대한 상세한 소개
  • number 데이터 형식
  • 1.number 데이터 형식, 대응하는 값이 무수하다.JS에서number 데이터 형식은 정수, 소수를 가리지 않고number 3.typeof를 통해 변수 값의 데이터 형식을 볼 수 있습니다 4.최대치와 최소치console.log(Number.MAX_VALUE)console.log(Number.MIN_VALUE)5.number는 10진수 8진수 16진수 6진수를 다른 진수로 표시할 수 있습니다.NAN not a number는 숫자 7이 아닙니다.JS에서는 소수에 대해 연산을 할 수 없으며, 먼저 정수로 바꾸어야 한다. 그렇지 않으면 얻는 결과가 종종 옳지 않다
  • boolean 데이터 형식
  • 1. boolean 데이터 형식에 대응하는 값은 두 개의true와false이다.true 와 True 는 대소문자 구분에 유의하십시오
  • string 데이터 형식
  • 1. JS에서''''를 사용하여 문자열을 싸라. 싸지 않으면 JS가 변수로 삼는다.작은따옴표는 작은따옴표를 끼워넣지 말고, 작은따옴표는 작은따옴표를 끼워넣지 말고, 작은따옴표는 작은따옴표를 끼워넣지 마라.3.string 데이터 형식에 대응하는 데이터 무수한 개
  • undefined 데이터 형식
  • 1. undefined는 데이터 형식이고 이런 데이터 형식에 대응하는 값은undefined 2.undefined가 나타날 때 ① 변수에 부여된 값이 없음 ② 함수에 반환된 값이 없음
    JS에서 데이터 형식 변환
  • 스텔스 유형 변환(자동 변환)
  • 강제 유형 변환(수동 변환)
  • JS에서 0""undefined null 이 값들을false
  • 로 변환
    그러므로 JS에서 연산자 양측은 데이터 형식이 일치하도록 저장해야 한다. 만약 일치하지 않으면 JS 해석기는 데이터 형식 변환을 할 것이다. 주의해야 할 것은 1>2에 유형 변환이 없다는 것이다.">"은 관계 연산자입니다. 반환 값은 부울 값입니다!
    JS 코드가 실행될 때 두 단계
    1. var에 정의된 변수를 미리 컴파일하여 향상시키면 변수 성명이 향상되고 변수 부여 값이 향상되지 않습니다. 코드 세그먼트의 맨 앞에 function 성명 함수를 사용하여 향상시킵니다. 향상된 것은 전체 함수 성명입니다.코드 실행 코드 실행 시 한 줄 한 줄 실행
    실행 상하문을 초보적으로 이해하다
  • 실행 컨텍스트(Execute Context): 약칭 EC
  • EC의 역할: 코드에 데이터 코드를 제공하는 것은 두 가지로 나뉜다. 전역 코드 함수 밖의 코드는 전역 코드 함수 코드라고 하는데 하나의 함수는 하나의 국부 코드
  • 이다.
    전역 실행 상하문: 전역 코드가 실행될 때 전역 EC가 생성됩니다.EG(G) 부분 실행 컨텍스트: 함수 코드가 실행될 때 부분 EC가 생성됩니다.함수를 호출하면 EC가 생성되고 100함수를 호출하면 EC가 생성됩니다.EC 창고: 창고: 컵에 EC가 하나 생길 때마다 컵에 넣는다. 말하자면 컵에 계란을 넣는 것이다.창고: 먼저 넣은 다음에 나와.
    가var 변수와 가var 없는 변수의 차이
    1) 글로벌 코드에서 var을 추가하면 향상되고 var이 없는 경우 향상되지 않음
    console.log(a);
    a = 110;  // a is not defined
    

    2) var이 추가되었든 안 추가되었든 전역 변수는 window의 속성이 됩니다
    var a = 1;
    b = 2;
    console.log(window.a)
    console.log(window.b)
    

    3) var 변수가 없으면 전역 변수로만 사용할 수 있으며 전역 변수라면 window의 속성이 틀림없다
    function f() {
          
         a = 666;
    }
    f()
    console.log(window.a)
    

    4) var의 로컬 변수를 추가하여 window의 속성이 되지 않음
    function f() {
          
    var a = 666;
    }
    f()
    console.log(a)
    //             ,    undined
    console.log(window.a) // undefined
    

    함수를 이해하다
  • 함수는 모든 프로그래밍 언어에 개념이 있다
  • JS에서 정의된 함수는 두 가지 형식이 있다.
  • 함수 정의: 함수 정의 f 함수 이름 ()은 함수 특유의 표식 {} 함수체 정의 = 성명 + 부치 함수 표현식: 예를 들어 var fun = function () {console.log ("Hello");fun(); 변수에 익명 함수를 부여합니다.이 때, 이 익명 함수는 함수 표현식이라고도 부른다. 왜냐하면 값 부여 문장의 등호 오른쪽에는 표현식만 놓을 수 있기 때문이다.
    데이터 저장소 유형
  • 메모리 덤프 메모리와 스택 메모리
  • JS에서 기본 데이터 형식은 창고에 저장되고 인용 데이터 형식은 더미에 저장된다
  •  function f(a) {
         
            // a          
       console.log(a) // 111
    }
    f(111); //                  
     console.log(a); // a is not defiend
        
    

    좋은 웹페이지 즐겨찾기