Es6 箭头函数的基本使用

最新推荐文章于 2024-02-04 14:17:57 发布

戴**

最新推荐文章于 2024-02-04 14:17:57 发布

阅读量100

点赞数

分类专栏： VUE

本文链接：https://blog.csdn.net/qq_39992641/article/details/103172225

版权

VUE 专栏收录该内容

18 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--        -->
<script>
    <!--    箭头函数:也是一种定义函数的方式-->
    //定义函数的方式:function
    const aaa = function () {

    }
    //    对象字面量中定义函数
    const obj = {
        bbb: function () {

        },
        ccc() {

        }
    }
    //    es6中的箭头函数
    //     const ddd = (参数列表)=>{
    //
    //     }
    const ddd = () => {

    }

    // 1.参数问题
    //1.1放入两个参数的问题
    const sum = (num1, num2) => {
        return num2 + num1
    }

    //    1.2放入一个参数  放入一个参数的时候 参数的小括号是可以省略掉的
    const power = num => {
        return num * num;
    }
    //    2.函数中
    //2.1 函数代码块中有多行代码时
    const test = () => {
        //打印hello world
        console.log('hello world');
        //打印hello vue.js
        console.log('hello vue.js');
    }
    //    2.2 函数代码中只有一行代码
    const mul = (num1, num2) => num2 * num1  //他会自动返回 并且不用加括号


    //    什么时候使用箭头函数
    //这两个函数的this都是window对象
    setTimeout(function () {
    }, 1000)
    setTimeout(() => {
    },1000)   //这样写的话会简洁一点

</script>
</body>
</html>

戴**

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Es6 箭头函数的基本使用

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><script> <...
复制链接

扫一扫

专栏目录