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

这篇具有很好参考价值的文章主要介绍了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箭头函数的方式。文章来源地址https://www.toymoban.com/news/detail-755496.html

到了这里,关于vue及js中使用function及箭头函数定义方法的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 箭头函数 - JavaScript的新宠儿

    📢 鸿蒙专栏:想学鸿蒙的,冲 📢 C语言专栏:想学C语言的,冲 📢 VUE专栏:想学VUE的,冲这里 📢 CSS专栏:想学CSS的,冲这里 📢 Krpano专栏:想学VUE的,冲这里  📢 JavaScript专栏:想学JavaScript的,冲这里 🔔 上述专栏,都在不定期持续更新中!!!!!!! 目录 ✨ 前

    2024年01月17日
    浏览(45)
  • 深入解析JavaScript中箭头函数的用法

    🧑‍🎓 个人主页: 《爱蹦跶的大A阿》 🔥 当前正在更新专栏: 《VUE》 、《JavaScript保姆级教程》、《krpano》、《krpano中文文档》 ​  ​         箭头函数(Arrow function)是JavaScript ES6中引入的一大特性。箭头函数与传统函数有一些区别,可以帮助我们简化代码并处理一些棘

    2024年01月20日
    浏览(49)
  • JavaScript高级 |如何玩转箭头函数?

    本文已收录于专栏 ⭐️ 《JavaScript》⭐️ 在ES6中新增了函数的简写方式----箭头函数,箭头函数的出现不仅简化了大量代码,也让代码看起来更加优雅,同时也解决了this指向问题,下面我们就来详细讲解如何玩转箭头函数。 之前的方法 箭头函数完整写法 箭头函数遍历数组

    2024年01月17日
    浏览(48)
  • 15 JavaScript ES6中的箭头函数

    15 JavaScript ES6中的箭头函数 什么是箭头函数 ES6中允许使用=来定义函数。箭头函数相当于匿名函数,并简化了函数定义。 基本语法 箭头函数在语法上比普通函数简洁多。箭头函数就是采用箭头=来定义函数,省去function。 函数的参数放在=前面的括号中,函数体跟在=后的

    2024年02月12日
    浏览(48)
  • JS 箭头函数 =>

    箭头函数是一种声明函数的 简洁 语法,它与普通函数并无本质的区别, 差异性更多体现在语法格式上。 目的 : 引入箭头函数的目的是更简短的函数写法并且不绑定this,箭头函数的语法比函数表达式更简洁 使用场景 : 箭头函数更适用于那些 本来需要匿名函数的地方 箭头函

    2024年01月18日
    浏览(44)
  • JS中的箭头函数

    在JavaScript中,箭头函数是一种简化的函数语法,它在ES6(ECMAScript 2015)引入。箭头函数的语法比传统的function表达式更简洁,同时还有一些特性,例如继承外部作用域的this值。 箭头函数的基本语法如下:   当箭头函数只有一个参数时,可以省略括号:   当函数体只包含一个

    2024年02月03日
    浏览(40)
  • JS高级 -- 作用域&解构&箭头函数

    作用域(scope)规定了变量能够被访问的“范围”离开了这个“范围”变量便不能被访问 作用域分为:局部作用域、全局作用域 1.1 局部作用域 局部作用域分为函数作用域和块作用域。 函数作用域: 在函数内部声明的变量只能在函数内部被访问,外部无法直接访问。 总结: 函数

    2023年04月27日
    浏览(42)
  • 【Azure 应用服务】Azure JS Function 异步方法中执行SQL查询后,Callback函数中日志无法输出问题

    开发 Azure JS Function(NodeJS),使用 mssql 组件操作数据库。当SQL语句执行完成后,在Callback函数中执行日志输出 context.log(\\\" ...\\\") , 遇见如下错误: Warning: Unexpected call to \\\'log\\\' on the context object after function execution has completed. Please check for asynchronous calls that are not awaited or calls to \\\'done\\\' ma

    2024年02月03日
    浏览(47)
  • JavaScript中如何通过 new Function 创建 async 函数

    我喜欢的一点是,有很多方法可以完成相同的任务,其中一个例子就是创建函数。函数有几种模式;您看到的最后使用的模式之一是  new Function  方法: 如果您想使用此  new Function  方法创建一个异步函数,该怎么办?你需要聪明一点,多亏了MDN,我们有了答案: `Object.ge

    2024年02月13日
    浏览(49)
  • 【学姐面试宝典】前端基础篇Ⅴ——JS深浅拷贝、箭头函数、事件监听等

    前言 博主主页👉🏻蜡笔雏田学代码 专栏链接👉🏻【前端面试专栏】 今天继续学习前端面试题相关的知识! 感兴趣的小伙伴一起来看看吧~🤞 addEventListener()方法,用于向指定元素添加事件句柄,它可以更简单的控制事件。语 法为: 第一个参数是 事件的类型 (如 “click”

    2024年01月19日
    浏览(44)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包