>  기사  >  웹 프론트엔드  >  자바스크립트 학습 js 기능(경험 요약)

자바스크립트 학습 js 기능(경험 요약)

青灯夜游
青灯夜游앞으로
2018-10-29 16:47:323102검색

이 글은 Javascript를 배우는 과정에서 js 기능을 경험한 내용을 요약한 것입니다. 도움이 필요한 친구들이 참고할 수 있기를 바랍니다.

Javascript 함수는 호출 시 실행되는 이벤트 기반 또는 재사용 가능한 코드 블록입니다. 따라서 함수를 호출하지 않고 함수를 생성하는 것만으로는 아무 소용이 없습니다.

1. 함수란 무엇입니까

(1) 함수는 특정 기능을 완성하는 코드 세그먼트입니다.

(2) 함수는 반복 가능한 코드 세그먼트입니다.

(3) 함수는 유지 관리가 쉽습니다

2. 함수 만들기 주의할 점은 무엇인가요?

(1) 함수 이름은 대/소문자를 엄격하게 구분합니다.

(2) 함수 이름을 반복하면 덮어쓰기가 발생합니다.

(3) 함수 이름은 의미상 가장 적합합니다.

3. 트리거 함수

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
    <button onclick="Click()">点击按钮调用函数</button>
    <script>
        function Click(){
            alert('调用成功!');
        }
    </script>
</body>
</html>

4.
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
    <script>
    function calc(x,y){
        x=x||0;
        y=y||0;
        return x+y;
    }
      alert(calc());
      alert(calc(1,2));
    </script>
</body>
</html>

5. 변수 매개변수 형태의 함수

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
    <script>
        function test(){
            var sum = 0 ;
            var allNum = arguments.length ; //定义allNum为传入参数的个数
            for(var i=0;i<allNum;i++){
                sum+=arguments[i];//sum = sum + arguments[i]
                document.write(arguments[i]);
            }
            return sum;
        }
        alert(test(1,2,4));
    </script>
</body>
</html>

6. 변수 범위

(1) 로컬 변수: 함수 본문 내에서 선언된 변수, 함수 본문 내에서만 사용할 수 있습니다

(2) 전역 변수: 전역 변수, 스크립트 끝까지 변수를 선언한 후 사용할 수 있습니다.

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
    <script>
        var x=1;
        function test(){
            document.write('1.函数体内的x的值为:'+x+'<br />');
            x=19;
            document.write('2.此时函数体内重新对x值赋值,此时x的值为:'+x+'<br />');
        }
        document.write('3.函数体外的x值:'+x+'<br />');//因为读写顺序先执行这段代码然后在执行函数 test()
        test();
        document.write('4.函数体外的x值:'+x+'<br />');
    </script>
</body>
</html>
개인적인 학습 경험이므로 부족한 점이 있으면 지적해 주세요. 훌륭한 조언에 감사드립니다! !

위 내용은 자바스크립트 학습 js 기능(경험 요약)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
이 기사는 cnblogs.com에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제