【重学JS】坚持学习JavaScript的第五天-函数(重点)

241 阅读3分钟

这是我参与8月更文挑战的第5天,活动详情查看:8月更文挑战

用自己的理解, 简单又全面概括基础知识点, 大部分内容为白话文内容, 基础中的基础 方便加深理解!

巩固学习 JavaScript 基础知识, 加深理解记忆, 打牢地基才能筑高楼! 加油

如需更详细了解学习- 推荐查看 MDN-JavaScript 文档, (红宝书/白皮书/蓝皮书/..)进行学习进阶!

更多阅读: 前文更新回顾

【重学 JS】每天学习巩固基础 day1(一)

【day2】【day3】【day4】

预热接上文-继续梳理知识点

1、前文-知识梳理, 加深记忆

  • 数据类型   -运算符和表达式     i++   和 ++i
  • 选择结构 :
  if (范围条件)      if(){  }else{ } 、 `===`   条件表达式
  switch(固定值的条件){
    case 常量表达式: 语句;
    break;
  }
  • 循环结构 :

    • while
    • do ... while
    • for( ; ; )   for ... in
    • break continue

2、函数(重点)

2.1 定义

函数 : 就是一个工具         将具有某个功能的代码   通过 函数实现

2.2 函数定义 :

  • 方式一 :

    • function   函数名(){  }     函数名的命名规范 同 变量命名规范
    • 函数调用 :   函数名();   函数调用可以在函数定义前或定以后
  • 方式二   表达式定义:

    • var 函数名 = function(){  }

    • 函数调用 :

      • 函数名();    函数调用必须在函数定义后

3、参数  

    1. 形式参数:

    • 形参必须是一个变量
    • 形参必须出现在函数的定义中
    1. 实际参数:

    • 实参可以是常量、变量、表达式   但必须有值
    • 实参必须出现在函数的调用中
    • 形参和实参的传递是一一对应的   将实参的值传递给形参
    • 如果实参的个数大于形参的个数   多余的实参自动舍去
    • 如果形参的个数大于实参的个数   多余的形参默认值是 undefined

4、函数返回值

一个函数 可以 通过 return 关键字返回一个值

  • 返回值作用 :

    • 用户可以直接显示函数的返回值   也可以 操作返回值
    • 如果函数有返回值 有且只有一个
    • 一个函数一旦遇到了 return  return 后面的语句都不执行
    • return 只能用在函数体内部

5、函数的实参副本(了解)

arguments

  • 1、arguments 只能出现在函数体中
  • 2、arguments 是一个对象
  • 3、arguments 中存放的是所有的实参
  • 4、可以通过 length 属性获取实参的个数  arguments.length
  • 5、通过 下标 方式取出 arguments 中的值   下标从 0 开始   arguments[0] 代表第一个实参   最大下标 : argument.length-1

fn.length 获取形参个数

function fn(a,b){
// alert( arguments.length );
// fn.length;
// alert(fn.length);
If( arguments.length != fn.length ){
alert( 形参和实参的个数不一致 );
return;// 阻止后面代码的执行.}

6、JS 解析器(扩展);

浏览器内部有个专门解析 js 程序的地方,这个空间就是 js 解析器.

解读 js 程序有两个步骤:

  • 1、预解析 找一些东西, var function

    找到了 var,就意味着找到了一个量,会提前为这个变量赋予一个值 undefined

    找到了 function 就意味着找到了一个函数,会提前为这个函数名赋予一个值,这个值就是函数块本身

    找到两个 function,如果函数重名,后一个会覆盖前一个

    如果找到的变量和函数重名,保留函数

  • 2、逐行解读代码,如果遇到表达式,改变了变量的值,那么预解析时,仓库中变量的值也会变化

加油, 追梦人

学习就是一个不断进行的过程, 坚持下去, 定有收获!

日积月累, 巩固基础, 早进大厂!

坚持很不容易, 坚持很久更不容易

Calm Down & Carry On!