普通函数和箭头函数的区别

普通函数的定义(声明)

JavaScript 函数通过 function 关键词进行定义,其后是函数名和括号 ()。
函数名可包含字母、数字、下划线和美元符号(规则与变量名相同)
参数依次写进圆括号内,并用逗号隔开

    	//普通函数可以使用表达式或者函数声明来创建,也可用函数的构造函数
    	// 函数表达式
    	let getMassagesList = function (x,y,z){
	    //逻辑代码	
	}
	// 函数声明
	function getMassagesList(x,y,z){
		//逻辑代码
	}
	// 上面两种都是有名函数,是最常用的
	// 不推荐使用,复杂易出错,就不举例子了
	// 函数表达式创建的函数不可以在函数表达式之前调用
	// 函数声明创建的函数可以在函数声明之前调用
	//还有一种匿名函数,不过该函数只能通过自执行执行该函数
	function(){
	    //逻辑业务,该函数无法传参
	}
	//箭头函数可以用表达式来创建,箭头函数没有构造函数,也就是说没有this指向
	// 从外形就可以区分箭头函数和普通函数
	()=> {} // 这就是箭头函数
	// 箭头函数的名字和本身很像,应该是因此而得名
	// 箭头函数的表达式
	let getUser = (x, y, z) => {
	    // 逻辑业务
	}
	// 匿名箭头函数,一般api的回调函数常使用 只能自执行
	() => {}
	// 箭头函数没有this和arguments属性
	// 当箭头函数只有一条语句或者只有返回时可简写
	() => console.log('这是简写的箭头函数')
	let arrowFun = x => {
	    console.log(x + 10);
	}
	// 或者
	let arrowFun = x => console.log(x + 10);
	//箭头函数的this是固化的,或者说箭头函数根本就没有this
	// 所以在箭头函数中使用this,默认使用外层函数的this
	// 如果外层函数没有,就再向上层函数找,直到找到顶层对象
	// 箭头函数没有arguments参数,但有剩余参数(rest参数)
	// 即 ...
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值