vue及js中使用function及箭头函数定义方法

目录

1.函数声明，使用function

2.函数表达式，使用function

3.使用箭头函数方式

4.函数构造器

5.总结

1.函数声明，使用function

function functionName(parameters) {
  // 函数体
}

//定义
function setUser(user:userType){
    console.log(user.id);
}
//调用
setUser(user);

2.函数表达式，使用function

const functionName = function(parameters) {
  // 函数体
};

//定义
const setUser = function(user:UserType){
    console.log(user.id);
}
//调用
setUser(user);

3.使用箭头函数方式

var functionName = (parameters) => {
  // 函数体
};

//定义
const setUser = (user:userType) =>{
    console.log(user.id);
}
//调用
setUser(user);

4.函数构造器

const functionName = new Function('parameters', 'functionBody');

const user = new Function('name','console.log(name)');

5.总结

在vue中，我们通过v-on指定来绑定要指定的方法，可以使用function或const箭头函数的方式。