1、普通函数
// 1、普通函数
const fun = function (x) {
return x * x;
}
var result = fun(2);
console.log(result);
// 输出结果为：4
2、箭头函数（
=>）
// 2、箭头函数
const fun1 = x => x * x;
var result = fun1(2);
console.log(result);
// 输出结果为：4
3、普通函数：this指向该函数的对象（window）
// 3、普通函数：this指向该函数的对象（window）
const user = {
name: 'jasmine',
getName() {
window.setInterval(function () {
console.log(this.name);
},
1000);
}
}
user.getName();
// 输出结果为：空
4、箭头函数：this指向该定义的函数
// 4、箭头函数：this指向该定义的函数
const user1 = {
name: 'jasmine',
getName() {
window.setInterval(() => {
console.log(this.name);
},
1000);
// 输出结果为：jasmine}
}
user.getName();
推荐阅读
- 每日总结|textarea根据内容设置默认高度
- react|ReactHooks+Antd Checkbox Group多选框组单独禁用其中选项
- 开源项目|Vue项目实战 —— 哔哩哔哩移动端开发—— 第二篇
- 插件|我只写注释 —— 让Ai写代码
- vue|抽出20分钟,快乐学习Vue
- Leetcode306累加数（递归解决）
- vue解决频繁请求出现多个相同提示
- 随笔|e.stopPropagation()在uni-app中无效，只能使用stop，所产生的问题
- 前端|uniapp开发微信小程序利用腾讯地图实现定位功能