【js】函数概述学习笔记(8)

简介: 【js】函数概述学习笔记(8)

个人名片:

😊作者简介:一名大一在校生,web前端开发专业

🤡 个人主页:python学不会123
🐼
座右铭:懒惰受到的惩罚不仅仅是自己的失败,还有别人的成功。

🎅**学习目标: 坚持每一次的学习打卡,学好js


什么是函数?

函数:用于封装一段完成特定功能的代码,可以在任何地方、任何时候调用执行。

JavaScript 函数通过 function 关键词进行定义,其后是函数名和括号 ()。

函数名可包含字母、数字、下划线和美元符号(规则与变量名相同)。

圆括号可包括由逗号分隔的参数:(参数 1, 参数 2, …)

函数的创建有哪些?

⏺️函数的声明

function声明函数语法如下:

function funcName([parameters]){
            statements;
            [return 表达式;]
        }

为何使用函数?

您能够对代码进行复用:只要定义一次代码,就可以多次使用它。

您能够多次向同一函数传递不同的参数,以产生不同的结果。

函数的参数说明

  • funcName 函数名
  • parameters 函数的参数(在调用函数时,将实际数据传递给参数列表完成函数的特定功能)
  • statements函数主体
  • return 指定函数的返回值
  • 函数只有被调用时才执行器内部封装的函数体

⏺️ 函数表达式

举个🍐

function fun(num1,num2){//形式上的参数:简称形参1,形参2,形参可以当成变量
            console.log(num1+num2);
           }
           fun(1,2);//函数不调用,函数不执行  fun(1,2)是实际参数简称实参
      //num1=1  num2=2
      fun(11,678);//传递不同的参数,就有不同的结果,函数可以重复使用代码块

函数实际上是一个匿名函数(函数没有名称),这种写法将一个匿名函数赋值给变量,匿名函数又称函数表达式。

函数存储在变量中,不需要函数名称,变量可作为一个函数使用,通常通过变量名来调用函数

⏺️函数的调用

当函数定义完成后,要想在程序中发挥函数的作用,必须调用这个函数;函数的调用非常简单,只需引用函数名,并传入相应的参数即可,函数的声明与调用的编写顺序不分前后

语法:funcName([parameters])

funcName :函数名

parameters :调用函数的实际参数

⏺️调用无参函数

javascript对大小写敏感,关键词function必须是小写,并且必须以函数名称相同的大小写来调用函数

//调用无参函数
      function add()//定义函数
      {
        var result = 2+3;
        alert(result);
      }
      add();//调用函数

⏺️调用带参函数

调用函数时,可以向其形参传递值,这些值被称为实参,调用函数时多个实参有逗号分隔,实参的类型,个数以及先后要与定义函数的形式参数相同,参数名可以不同

//调用带参函数
      function add(x,y)//定义函数
      {
        var  result = x+y;
        alert(result);
      }
      add(1,2);//调用函数

⏺️调用带有返回值的函数

如果希望函数将值返回调用它的地方,通过使用return语句就可以实现。在使用return语句时,函数会停止执行,并返回指定的值。

//调用带有返回值的函数
      function add(x,y)//定义函数
      {
        var  result = x+y;
      return result;
      }
      var z=add(1,2);//调用函数
      alert(z);

什么是全局变量和局部变量?

全局变量:在函数外部声明的变量,其作用域为全局作用域,成为全局变量,全局变量在html中声明后的任何范围都可以使用

局部变量:在函数内容声明的变量,其作用域为局部变量,局部变量只能在声明它的函数内容使用

举个🍐全局变量和局部变量

var varl=1;//全局变量
    function add(){
        var var2=2; //局部变量
        document.write("add函数内,全局变量var1="+var1+"<br>");
        document.write("add函数内,全局变量var2="+var2+"<br>");
    }
    add();
    document.write("add函数外,全局变量var1="+varl);
    document.write("add函数外,全局变量var2="+var2);

什么是变量的访问机制?

什么是变量的生命周期?

  • 全局变量从声明变量开始就会分配内存空间,直到整个页面关闭,其内存空间会通过回收机制释放
  • 全局变量的生命周期,是从程序执行开始,到整个页面关闭结束
  • 局部变量的生命周期是从函数开始调用时开始,一直到函数调用结束
目录
相关文章
|
28天前
|
前端开发 JavaScript 开发者
揭秘JavaScript魔法三剑客:call、apply、bind,解锁函数新世界,你的前端之路因它们而精彩!
【8月更文挑战第23天】在 JavaScript 的世界里,`call`、`apply` 和 `bind` 这三个方法常常让新手感到困惑。它们都能改变函数执行时的上下文(即 `this` 的指向),但各有特点:`call` 接受一系列参数并直接调用函数;`apply` 则接收一个参数数组,在处理不确定数量的参数时特别有用;而 `bind` 不会立即执行函数,而是创建一个新版本的函数,其 `this` 上下文已被永久绑定。理解这三个方法能帮助开发者更好地运用函数式编程技巧,提升代码灵活性和可维护性。
27 0
|
17天前
|
JavaScript 前端开发
JavaScript基础知识-函数的返回值
关于JavaScript函数返回值的基础知识。
20 9
JavaScript基础知识-函数的返回值
|
2天前
|
JSON JavaScript 前端开发
JavaScript第五天(函数,this,严格模式,高阶函数,闭包,递归,正则,ES6)高级
JavaScript第五天(函数,this,严格模式,高阶函数,闭包,递归,正则,ES6)高级
|
17天前
|
JavaScript 前端开发
JavaScript基础知识-函数的参数
关于JavaScript函数参数基础知识的介绍。
16 4
JavaScript基础知识-函数的参数
|
17天前
|
JavaScript 前端开发
JavaScript基础知识-立即执行函数
关于JavaScript基础知识中立即执行函数的介绍。
16 2
JavaScript基础知识-立即执行函数
|
10天前
|
Web App开发 前端开发 JavaScript
HTML/CSS/JS学习笔记 Day3(HTML--网页标签 下)
HTML/CSS/JS学习笔记 Day3(HTML--网页标签 下)
|
15天前
|
JavaScript 前端开发
JavaScript 函数
JavaScript 函数
21 9
|
16天前
|
JavaScript 前端开发
前端JS函数
【9月更文挑战第4天】前端JS函数
21 6
|
13天前
|
存储 JavaScript 前端开发
JS中的数组有哪些常用操作函数和属性
【9月更文挑战第7天】JS中的数组有哪些常用操作函数和属性
9 1
|
1月前
|
JavaScript 前端开发
JavaScript基础&实战(4)js中的对象、函数、全局作用域和局部作用域
这篇文章介绍了JavaScript中对象的基本概念和操作,包括对象属性和方法的使用、对象字面量的创建、函数的定义和作用域的概念,以及全局作用域和局部作用域的区别和特性。
JavaScript基础&实战(4)js中的对象、函数、全局作用域和局部作用域