es6笔记7_箭头函数以及声明特点

最新推荐文章于 2024-07-26 11:41:15 发布

qqq777_

最新推荐文章于 2024-07-26 11:41:15 发布

阅读量79

点赞数

分类专栏： es6笔记文章标签： javascript

本文链接：https://blog.csdn.net/qqq777_/article/details/114881748

版权

es6笔记专栏收录该内容

7 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        
    </style>
</head>
<body>
        
    <script>
        //ES6使用箭头=>定义函数
        //声明一个函数
        // let fn=function(){

        // }
        // let fn1=(a,b)=>{
        //     return a+b;
        // }
        // let result=fn1(1,2);
        // alert(result)
        //特点：1.this是静态的，this始终指向函数声明时所在作用域下的this的值
        function getName(){
            console.log(this.name)
        }
        let getName2=()=>{
            console.log(this.name)
        }
        //设置window对象的name属性
        window.name='啦啦啦';
        const school={
            name:'嘀嘀嘀'
        }
        //直接调用
        getName();//啦啦啦
        getName2();//啦啦啦
        //call方法调用
        getName.call(school);//嘀嘀嘀
        getName2.call(school);//仍然是“啦啦啦”
        //2.不能作为构造实例化对象
        // let person=(name,age)=>{
        //     this.name=name;
        //     this.age=age;
        // }
        // let me=new person('xiao',30);
        // console.log(me)//person is not a constructor
        //3.不能使用argument变量
        // let fn=()=>{
        //     console.log(argument);
        // }
        // fn(1,2,3);//argument is not defined
        //4.箭头函数的简写
        //(1)省略小括号，当形参有且只有一个
        let add=(n)=>{
            return n+n;
        }
        console.log(add(9));
        //(2)省略花括号,当代码只有一条语句,此时，return必须省略
        //而且，语句的执行结果就是函数的返回值
        // let pow=(n)=>{
        //     return n*n;
        // }
        let pow=(n)=>n*n;
        console.log(pow(9))

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

qqq777_

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
es6笔记7_箭头函数以及声明特点

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc
复制链接

扫一扫

专栏目录