집 > 기사 > 웹 프론트엔드 > Xiaoqiang의 HTML5 모바일 개발 로드(29) - JavaScript 검토 4

Xiaoqiang의 HTML5 모바일 개발 로드(29) - JavaScript 검토 4

黄舟원래의: 2017-02-04 14:22:451179검색

1. 변수의 범위

JavaScript 스크립트의 실행 과정은 두 단계로 나누어집니다.

첫 번째 단계에서는 js 엔진()이 먼저 전체 JavaScript 코드를 스캔합니다. 3f1c4e4b6b16bbbd69b2ee476dc4f83a를 만나면 전역 활성 객체가 먼저 생성되고, 3f1c4e4b6b16bbbd69b2ee476dc4f83a에 나타나는 변수 선언과 함수 정의가 활성 객체에 저장됩니다. 함수가 발생하면 해당 로컬 활성 객체가 생성되고 함수 내부의 변수 선언과 함수 정의가 활성 객체에 저장됩니다.

두 번째 단계에서는 자바스크립트 코드를 실행할 때 변수를 만나면 먼저 해당 활성 객체부터 검색하고, 찾을 수 없으면 상위 활성 객체를 찾습니다.

<html>  
    <head>      
        <script>  
            var i = 100;  
            function f1(){  
                alert(i);  
                var i = 1000;  
            }  
            function f2(){  
                var i = 1000;  
                alert(i);  
            }  
            function f3(){  
                alert(i);  
                i = 1000;  
            }  
            function f4(){  
                alert(i);  
                i = 1000;  
                function f5(){  
                    var i = 10000;  
                }  
            }  
            f1(); //结果是undefined  
            f2(); //结果是1000  
            f3(); //结果是100  
        </script>  
    </head>  
    <body>  
  
    </body>  
    <!--  
        预编译－－对脚本扫描  
        js引擎－－创建一个全局活动对象(i和f1)－－创建一个局部的活动对象(i)s  
    -->  
</html>

2.Math(직접 사용할 수 있는 자바스크립트에 내장된 객체)

Math.random(): 0과 1 사이의 난수를 반환합니다. 0<= 난수<1
Math.ceil(): 반올림

Math.floor(): 반올림

<html>  
    <head>  
        <script>  
            function f1(){  
                var a1 = Math.random();  
                alert(a1);  
                var a2 = 100.68;  
                alert(Math.ceil(a2));  
                alert(Math.floor(a2));   
            }  
            function f2(){  
                Math.floor(Math.random()*33);  
            }  
            f1();  
        </script>  
    </head>  
    <body>  
    </body>  
<html>

3. W3C DOM 모델

1. >

문서 객체 모델(document object model)

구조화된 문서(xml, html)를 트리로 변환하고 트리에 관련된 작업(순회, 검색, 수정, 삭제 등 포함)을 제공합니다. 속성 또는 메소드

2. w3c dom 모델의 기본 구조

Node
DocumentHTMLDocument  
(<html>)HTMLBodyElement  
(<body>)ElementHTMLElementHTMLFormElement  
(<form>)HTMLInputElement  
(<input>)HTMLSelectElement 
(<select>)HTMLOptionElement  
(<option>)

위는 Xiaoqiang의 HTML5 모바일 개발 로드의 내용입니다(29) - JavaScript 검토 4, 자세한 관련 내용은, PHP 중국어 홈페이지(www.php.cn)를 주목해주세요!

성명：

이전 기사：CSS는 부동 소수점을 지우는 것을 잊지 마세요.다음 기사：CSS는 부동 소수점을 지우는 것을 잊지 마세요.

Xiaoqiang의 HTML5 모바일 개발 로드(29) - JavaScript 검토 4

관련 기사