JavaScript保姆级教程 ——— 重难点详细解析(万字长文,建议收藏)

JavaScript保姆级教程 ——— 重难点详细解析(建议收藏)

1. JS函数

1.1 函数(Function)是什么?

  • 函数(方法)是由事件驱动的或者当它被调用时执行的可重复使用的代码块 —— 官方说明
  • 向来觉得官方的文档是有些生硬的,举个例子:

函数可以看做是功能(以一辆汽车为例,如下图),这些都可以看做成是方法

  • 刹车
  • 油门
  • 鸣笛
  • 档位

在这里插入图片描述

  • 这些功能任何一个里面都有很多个零件的配合,共同完成某一个任务,我们只需要去调用(踩刹车,踩油门,按喇叭,挂挡),功能就会执行
  • 函数也是一样的,它内部封装了一些操作,只有我们去调用的时候才会执行

1.2 一个最简单的函数及触发方法

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>我的第一个方法</title>
    </head>
    <body>
        <button onclick="myFunction()">点击触发函数</button>
        <script>
            // 必须有 function关键字,命名通常为驼峰命名,首字母小写
            function myFunction(){
                alert("这是我的函数");
            }
        </script>
    </body>
</html>

1.3 带参数的函数(形参与实参)

  • 形参 : 函数中定义的变量(此时是没有值的,只是一个代称)

  • 实参 : 在运行时的函数调用时传入的参数(实际的值)

  • js中,方法中即使定义了形参,调用时不传实参也不会报错

    形参与实参 计算5+2的值

1.4 带有返回值的函数 ———— return

function fn(a, b){
    return a*b;
}
// 调用并给num赋值
let num = fn(3, 5);
console.log(num) // 得到15

1.5 js函数内置对象 ———— arguments(重点,考点)

  • 它是函数一创建就有的

  • 是一个类数组(并不是真正的数组)

  • 方法调用时,可以得到所有传进来的参数

  • 你传多少,我就能拿到多少

    function fn(){
    console.log(arguments)
    }
    fn(1, 2, 3, 4);

在这里插入图片描述
经典应用 ———— 求一组参数的总和

 function fn(){
    let sum = 0;
    for(let i = 0; i < arguments.length
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值