JS函数使用

函数 function

也是一个对象,函数可以存储代码,在需要的时候去调用

创建函数

        1.函数声明
            function 函数名() {
                函数体
            }
        2. 函数表达式
            const 变量 = function() { //匿名函数
            }
        3.箭头函数
            ()=>{}
    调用函数:执行函数中存储的代码
            函数名()

函数参数

        形式参数
            定义函数时,可以指定数量不等的参数
        实际参数
            在调用函数时,在函数()中传入数量不等的参数

        实参数量 = 形参数量 实参赋值给对应的形参
        实参数量 > 形参数量 多余的实参不生效
        实参数量 < 形参数量 多余的形参赋值undefined
        对象作为函数的参数
        函数作为函数的参数
  1. 函数做参数
function fn(a) {
	console.log(a);
	a() // 等价于fn2()
	}
function fn2() {
	console.log('我是fn2');
	}
fn(fn2)
  1. 匿名函数做参数
fn(function () {
	console.log('匿名函数');
	})
  1. 箭头函数做参数
fn(() => { console.log('箭头函数'); })

函数返回值

        return关键字来指定函数的返回值
        函数的返回值可以作为结果返回
        任何值都可以作为返回值使用(包括函数)
        如果return后不跟任何值 相当于返回undefined, 如果不写return 也返回undefined
        执行return后,函数就结束了,后面的代码不再执行

函数做对象的方法(methods)

当一个对象的属性是一个函数,那么就称这个函数是对象的方法
调用函数 被称为访问对象的方法
语法: 对象.方法()
let obj = {}
obj.name = '焦'
obj.age = 21
obj.say = function () {
	alert('我好开心')
	}
obj.say()

箭头函数

1.  箭头函数参数
	当箭头函数只有一个参数,()可省略
	当箭头函数只有一行代码,{}可省略
	当给参数指定默认值
    如果有实参,就赋值
	如果没有实参,就用默认值
const fn = a => console.log(a)
fn(1)
2.箭头函数返回值
	return关键字
	只有一行return语句 return 可以省略
	如果返回值是对象 需要加()
const fn7 = (a, b) => a + b
let result = fn7(1, 2)
console.log(result);
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值