es6字符串与函数

最新推荐文章于 2024-05-19 21:12:51 发布

原创最新推荐文章于 2024-05-19 21:12:51 发布 · 307 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#js #es6

前端专栏收录该内容

10 篇文章

订阅专栏

本文深入探讨JavaScript中的高级特性，包括字符串模板、箭头函数、默认参数、剩余参数及ES7新特性。通过具体实例，讲解如何使用这些特性来增强代码的可读性和灵活性。

//字符串部分
    //字符串模板
    let name = "icon" ; 
    let str = "AAAAAAAAAAA" ;
    let res = `My  name is ${name} my grade is ${str}`;
    console.log(res)


    //str.includes('要找的东西') return ture/false       ---（es7）
    // 检测的东西由谁开头str.starsWith('要检测的东西') 
    // 检测的东西由谁结尾 str.endsWith('要检测的东西')
     console.log(navigator.userAgent.includes('Mozilla'));

//函数部分
   //参数

   function demo1(a,b){
       b = b || "没有" ;
       console.log(b); // 没有
   }
   
   function demo1New(a="没有",b="没有"){
       console.log(a,b); //没有  没有
   } 

   function demo2(){
       let arr = Array.prototype.slice.call(arguments);
       console.log(arr); // [1, 2, 3, 4, 5, 6]
   }

   function demo2New(...a){
       console.log(a); // [1, 2, 3, 4, 5, 6]
       //ps:做剩余运算符时需要放在最后
   } 
   demo1(1); 
   demo1New();
   demo2(1,2,3,4,5,6);
   demo2New(1,2,3,4,5,6);


   let demo3 =(a=1,b=1)=>{
         return a+b;
    }
    console.log(demo3()) //2 
    //箭头函数需要注意
         //1:this问题（定义函数时所在对象 不再是 运行时所在的对象）
         //2:没有arguments
         //3：箭头函数不能作为构造函数