JavaScript Day_04

JavaScript Day_04

一.函数的概念

函数就是把特定功能的代码块抽出出来,使之成为程序中一个独立的实体

二.函数的作用

可以将特定的功能用函数来包裹(封装)

三.使用函数的好处

1.函数可以在同一个程序或其他程序中多次使用(通过函数名调用)

2.使程序变得更简短清晰,提高可读性

3.有利于程序维护

四.函数的分类

函数可以分为:系统函数、内置函数、自定义函数

系统函数、内置函数:

是系统提供好的函数,可以直接调用。如:alert(), isNaN(), Math.pow(),console.log()

自定义函数:

是用户自己定义的函数,用户可以根据实际需求,对特定的功能使用函数来封装

五.函数的简单定义

定义函数的语法格式:

声明式函数:
function 函数名(){
    代码块;
}
赋值式函数:
var 函数名 = function (){
    代码块;
}
两种声明方式,调用方法一致
区别是调用的时机不一致
声明式函数可以在声明之前调用,也可以在声明之后调用
赋值式函数只能在声明之后调用,声明之前调用会报错
因为在初始状态页面加载的时候,js会优先加载function以及对于的变量命名,但不会j

注意:

1.必须使用function关键字,且为小写,函数名自定义

2.函数名的命名规则和变量名一致

3.函数名后必须写()

示例:定义一个函数printOut

function printOut(){
    document.write("hello world");
}
六.函数的标准定义

定义函数的语法格式:

function 函数名(参数1,参数2,参数3......){
    执行语句;
    return 返回值;
}

注意

1.函数名后()中的参数数量不定,也可以没有(根据功能需要)

2.return关键字的作用是将某个值返回,如果没有返回值则默认返回undefined

示例:定义一个函数sum
function sum(one,two){
    var s=one+two;
    return s;
}
调用上面的函数:
var result=sum(2,8);
console.log(result);
七.函数的调用

函数的调用方式:函数名()

注意:

1.调用函数后会执行函数内的代码块

2.函数在不调用的情况下是不会执行的,只有调用后函数中的代码才会执行

八.形参与实参

形参:在函数定义时,函数名后面的参数

函数的形参和变量是一样使用的,但不能用var修饰

实参:实参就是函数调用时,函数名后面的参数

函数参数的个数关系

1.一样多,则按照从左到右的顺序一一对应

2.实参多,前面的顺序一一对应,多出来的实参,在函数内部没有形参接收,不能直接使用

3.形参多,前面的按照顺序一一对应,多出来的形参,因为没有实参赋值,所以使用的时候就是undefined

九.arguments

在函数内部自带的变量,用来表示所有实参的集合(伪数组)

举例:计算任意数据的和
function fn(){
	var sum=0;
    for(var i=0;i<arguments.length;i++){
        sum+=arguments[i];
    }
    console.log(sum);
}
fn(10,20,30,40);
fn(1,2,3,5,4)
十.打断函数

return 除了可以作为一个返回值关键字使用,还可以进行打断函数的操作,写在ruturn后面的内容是函数的返回值,写在return后面行的内容是不会执行的内容

十一.作用域与作用域链

作用域是变量作用的区域

逐级向上寻找变量的过程叫作用域链

十二.函数事件

函数还可以当作一个页面元素的事件来处理函数

当页面中某一个元素触发行为的时候,执行某一个函数

语法:元素.οnclick=函数

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值