JS 초보 자 필수 - 기초 지식 (1)

4384 단어
1. 구성 부분 \ # \ # \ #
  • DOM (Document Object Model): 문서 대상 모델;DOM 트 리 는 페이지 요 소 를 조작 하 는 방법 (API) 을 제공 합 니 다.
  • BOM (Browser Object Model): 브 라 우 저 대상 모델 의 핵심 대상 (window loacation).
  • ECMAScript: js 의 핵심 문법, js 구문, 키워드, 보존 자
  • 를 규정 합 니 다.
    2. 두 가지 데이터 형식 \ # \ # \ #
  • 기본 데이터 형식 (간단 한 데이터 형식): string 문자열 형식 number 수치 boolean 불 형식 (true | false) undefined 정의 되 지 않 은 null 빈 (대상)
  • 복잡 한 데이터 형식 (복합 데이터 형식): Object 대상 유형 Array 배열 형식 Funcation 함수 형식 날짜 형식 Math 대상 String 대상 번호 대상 Boolean 대상...
  • 3. 할당, 등 과 같은 설명 \ # \ # \ #
       할당 (=): 하나의 변 수 를 구체 적 인 데 이 터 를 부여 합 니 다.   (= = =): 비교 할 때 수치 가 동일 한 지 만 판단 합 니 다.   전 등 (= = =): 비교 할 때 데 이 터 를 비교 해 야 할 뿐만 아니 라 유형 도 비교 해 야 한다.   같 지 않다   모두 같 지 는 않다 (! = =)
     var str1 = "       ,      ";  //string  
     var str2 = "       ,      ";  //string  
     console.log(str1 == str2);  //true
    
     var test1 = 1;      //number  
     var test2 = "1";    //string  
     console.log(test1 == test2);    //true
     console.log(test1 === test2);  //false
    

    4. 관계 연산 자 \ # \ # \ #
        반환 값: 불 형식, true 또는 false, 일반적으로 판단 문 에 사 용 됩 니 다.    보다 크다   보다 작 음 <   보다 크다   이하
    5. 논리 연산 자 \ # \ # \ #
  • 논리 비 (!) 취 반
  • 논리 나 (| |) 문법: 표현 식 1 | | 표현 식 2 결과: 표현 식 1 을 판단 하고 표현 식 1 이 사실 이 라면 표현 식 1 을 되 돌려 주 고 표현 식 1 의 값 이 가짜 라면 표현 식 2 를 되 돌려 줍 니 다.
  •     var resultA = 3 || 2;   //3
        var resultB = 0 || 2;   //2
        var resultC = 5 || 0;   //5
        var resultD = 0 || 0;   //0
    
  • 논리 와 (& &) 문법: 표현 식 1 & & 표현 식 2 결과: 표현 식 1 이 사실 이 라면 표현 식 2 를 되 돌려 주 고 표현 식 1 이 거짓 이면 표현 식 1
  • 을 되 돌려 줍 니 다.
        var resultA = 3 && 2;   //2
        var resultB = 0 && 2;   //0
        var resultC = 5 && 0;   //0
    

    6. 값 형식 과 참조 형식 \ # \ # \ #
  • 값 유형: string, number, boolean, undefined
  • 인용 유형: object 유형 차이: 값 유형 은 구체 적 인 값 을 저장 하고 인용 유형 은 구체 적 인 주소 (참조) 를 가리킨다.
  • //      
        var str = "   ";  //string
        var num=23;         //number
    //       
    var person= {
            name:"  ",
            age:38,
            dog:dog
        };
    var dog = {
            name:"  ",
            color:"  "
        };
    var arr=[1,2,3,4,5];
    
  • 값 형식 과 참조 형식의 할당 ① 값 형식 할당: 오른쪽 변수 에 저 장 된 값 (구체 적 인 데이터) 을 왼쪽 변수 ② 참조 형식 할당: 오른쪽 변수 에 저 장 된 값 (구체 적 인 데 이 터 를 가리 키 는 주소) 을 왼쪽 변수 에 복사 합 니 다. 값 형식의 할당 은 간단 한 데이터 복사 입 니 다.그들 은 상대 적 으로 독립 된 공간 에 저장 되 어 서로 영향 을 주지 않 고 유형 할당 을 참조 하여 특정한 대상 의 속성 을 수정 하여 다른 대상 의 속성 에 영향 을 줄 수 있다.
  •      :
        var str1 = "  MT";
        var str2 = str1;
        console.log(str1);   //'  MT'
        console.log(str2);   //'  MT'
        str1 = ''   '';
        console.log(str1);   //'   '
        console.log(str2);   //'  MT'
          :
    var person1 = {
            name:"   "
        }
    var person2=person1;
    console.log(person1.name);   //'   '
    console.log(person2.name);   //'   '
    person1.name=''   '';
    console.log(person1.name);   //'   '
    console.log(person2.name);   //'   '
    
  • 값 유형 과 인용 유형 이 함수 에서 사용 하 는 함수 에 관 한 용어 인 실 삼 (실제 매개 변수): 형 삼 (형식 매개 변수): 자리 잡 는 변수, 호출 함수 가 없 을 때 형 삼 은 값 함수 가 없 는 호출 입 니 다. 기본 값 은 실 삼 의 값 을 형 삼 에 게 구별 합 니 다. 값 유형 은 함수 의 매개 변수 로 서 실 삼 과 형 삼 의 데 이 터 는 서로 독립 됩 니 다.인용 형식 은 함수 의 매개 변수 로 서 형 삼 과 실 삼 은 같은 데 이 터 를 공유 하고 그 중의 한 대상 을 수정 하 는 것 도 다른 대상 에 게 영향 을 줄 수 있다
  • .
     //01             
        var number = 22;
        function funcName(n) {
            //n = number;        
            n = 11;
            console.log(n);   
        }
        funcName(number);  //11
        console.log(number);  //22(   number  )
    
        //02              
                ,       :
        var obj = {name:"  "};
        function funcName(param) {
            param = {//        ,    
                name:"   "
            }; 
            console.log(param.name);
        }
        funcName(obj);  //   
        console.log(obj.name); //''  ''
    
          ,         :
    var obj = {name:"  "};
    function funcName(param) {
        param .name=''   ''//       
        console.log(param.name);
    }
    funcName(obj);  //   
    console.log(obj.name); //''   ''
    

    잠시 이렇게 많이 쓰 고, 나중에 천천히 업데이트, 여러분 이 좋아 하 시기 바 랍 니 다, 부족 한 점 은 지적 을 환영 합 니 다, O (∩ ∩) O 감사합니다!

    좋은 웹페이지 즐겨찾기