01——JavaScript函数

最新推荐文章于 2024-11-07 13:38:59 发布

q1575290554

最新推荐文章于 2024-11-07 13:38:59 发布

阅读量99

点赞数

分类专栏：前端 # JavaScript 文章标签： javascript 前端 jquery

本文链接：https://blog.csdn.net/Q1575290554/article/details/125365546

版权

前端同时被 2 个专栏收录

28 篇文章 0 订阅

订阅专栏

JavaScript

15 篇文章 0 订阅

订阅专栏

本文详细介绍了JavaScript中的函数定义，包括如何处理异常和返回值。同时，探讨了变量的作用域，强调了let关键字在块级作用域中的应用以及const常量的不可变性。此外，还讲解了对象的方法，展示了如何在对象中定义和调用方法。通过实例，加深了对JavaScript核心概念的理解。

摘要由CSDN通过智能技术生成

1、定义函数

定义方式一

<!DOCTYPE html>
<html lang=""en"">
<head>
    <meta charset=""UTF-8"">
    <title>Title</title>
    <script>
        'use strict'
        function abs(x) {
            // 手动定义异常
            if (typeof x!== 'number'){
                throw 'not a number';
            }
            if (x>=0){
                return x;
            }else {
                return -x;
            }
        }
        // 如果没有 return ，结果就是 undefined
        console.log(abs(10));
        console.log(abs(-10));

        function array(a,b,...rest){
            console.log(a);
            console.log(b);
            console.log(rest);
        }
    </script>
</head>
<body>

</body>
</html>

2、变量的作用域

<!DOCTYPE html>
<html lang=""en"">
<head>
    <meta charset=""UTF-8"">
    <title>Title</title>
</head>
<body>

<script>
    'use strict'
    function f() {
        let y = 0;
        y = y + 1;
    }
    /*函数体中声明的变量，函数体外不能使用*/
    /*y = y + 2; */
    // 两个函数使用了相同的变量名，互不冲突
    // 全局变量
    let x = 1;
    function f1() {
        console.log(x);
    }
    f();
    console.log(x);
    // let 关键字
    function f2() {
        for (let i = 0; i < 100; i++) {
            console.log(i)
        }
        console.log(i);// 报错
    }
    // const 关键字
    const PI  = '3.14'
    console.log(PI);
    /*PI = 123;*/ // 报错，PI 定义为常量，只能读，不能改变值
</script>

</body>
</html>

3、方法

<!DOCTYPE html>
<html lang=""en"">
<head>
    <meta charset=""UTF-8"">
    <title>Title</title>
</head>
<body>
<script>

    let person = {
        name:""张三"",
        birth:2020,
        age:function () {
            let now = new Date().getFullYear();
            return now - this.birth;
        }
    }
    // 属性
    console.log(person.name);
    // 方法
    person.age();
</script>
</body>
</html>