ES6 函数拓展类导入导出

「爱情、让人受尽委屈。」 2023-06-13 11:18 15阅读 0赞

> 上次介绍了es6的最基本的一些点，今天稍微深入一点，谈谈函数和类

1.  函数拓展

~~~~~~我们知道，之前es5的时候 函数的默认值问题，要写代码判断是否为空去实现 而现在 es6解决了这一问题(说实话 越来越发现了es6的强大)

let a=(x=0,y=0)=>{console.log(x,y)};
    a(1,2);//1 2
    a();     //0 0

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0lDWV9fXw_size_16_color_FFFFFF_t_70][]  
~~~~~~箭头函数  上面大家也看到了 按照顺序来说 算是超纲啦  不过 带着疑问去学习是件好事呀  
    有三种方法    （）相当去去掉function的function（）

=》指代函数关系

\{\}相当于之前的\{\}

**注意 当只有一行代码是可以省略\{\} 且函数自带return**

var add=function(a,b){
        return a+b;
    };
    let adds=()=>{
        return a+b;
    }
    let adds2=()=>a+b;

~~~~~~自执行函数写法

//es5
    (function(x){
        console.log(x);
    })();
    
    //es6
    ((x)=>{
        console.log(x);
    })();
    
    //es6
    ((x)=>console.log(x))();

**关于箭头函数： 箭头函数能使上下文的this对象保持一致  对于开发来讲很有必要  **

**在返回键值  a:1之类的时候 记得用（）包起来 不然会当对象去解析 报错**

2.es6类（类似后端的类）

class student{
        constructor(w=0,h=0){//默认行为 参数
            this.weight=w;
            this.height=h;
        }
        sleep(){//具体行为 函数
                console.log('sleep');
            }
    }
    let stu1=new student();
    console.log(stu1);
    stu1.sleep();

3.import(导入)    export（导出）

es6的模块化开发  在vue 用的很多

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0lDWV9fXw_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20191116214422734.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0lDWV9fXw==,size_16,color_FFFFFF,t_70