ES6语法_var、let 、 const、解析表达式、模板字符串、箭头函数、map 、reduce、Object优化(二)

本文涉及的产品
全局流量管理 GTM,标准版 1个月
云解析 DNS,旗舰版 1个月
公共DNS(含HTTPDNS解析),每月1000万次HTTP解析
简介: ③. 模板字符串④. 箭头函数

③. 模板字符串


  • ①. 基本的字符串格式化。将表达式嵌入字符串中进行拼接。用${}来界定。


  • ②. 在ES5时我们通过反斜杠()来做多行字符串或者字符串一行行拼接。ES6反引号(``)直接搞定


  • ③. 代码展示:


    <script>
        //1.基本的字符串格式化。将表达式嵌入字符串中进行拼接。用${}来界定。
        let name1="xiaozhi";
        console.log("name"+name1);
        let name='xiaozhi'
        console.log(`name:${name}`);
        //2.在ES5时我们通过反斜杠()来做多行字符串或者字符串一行行拼接。ES6反引号(``)直接搞定
        var test="hel\
        a";
        let msg=`<div>
          <h1>xiaozhi</h1>      
        </div>`
        console.log(`${msg}`);
        //3.对象初始化简写
        function person6(name,age) {
            return {name:name,age:age};
        }
        console.log(person6("tangzhi",25));//Object { name: "tangzhi", age: 25 }
        console.log(JSON.stringify(person6("tangzhi",25)));//{"name":"tangzhi","age":25}
        //以上代码可以简写为:
        function person7(name,age){
            return {name,age}
        }
        console.log("------------")
        console.log(JSON.stringify(person7("tangzhi",25)));//{"name":"tangzhi","age":25}
        //4.模板字符串中调用函数
        function fun() {
            return "我来了..."
        }
        console.log(`我想说${fun()}`)
       </script>


④. 箭头函数


  • ①. 箭头函数的作用:定义匿名函数


  • ②. 特点:


  1. 箭头函数不绑定this关键字,箭头函数中的this指向定义它时所在的作用域中的this


  1. 如果只有一个形参时、括号可以省略


  1. 函数体中只有一句代码,且代码的执行结果就是你想返回的值,可以省略大括号


  1. 注意:如果所定义的箭头函数外层没有函数则作用的是全局作用域(window)


  • ③. 语法:


  1. ( ) => { } //():代表是函数;=>:必须要的符号,指向哪一个代码块;{}:函数体


  1. const fn = ( ) => { }//代表把一个函数赋值给fn


    <script>
        /*1.只有一个参数的时候*/
        var print1=obj => console.log(obj);
        print1("print1");//print1
        /*2.有两个参数的时候,且只有一行代码,return可以省略*/
        var print2=(a,b)=> a+b;
        console.log(print2(2, 3));//5
        /*3.当函数中有多行代码的时候,return不能省略*/
        var print3=(c,d)=>{
            console.log("c是"+c);//c是4
            console.log("d是"+d);//d是5
            return c+d;
        }
        console.log(print3(4,5));//9
        /*4.在json对象中使用箭头函数*/
        var name2="tangzhi";
        let  person={
            "name":"xiaozhi",
             eat1:function (foot = "鱼") {
                  //xiaozhi吃鱼
                  console.log(`${this.name}吃${foot}`);
             },
             //注意:箭头函数不能使用this
             //xiaozhi吃meet
             eat2:foot=>console.log(`${person.name}吃....${foot}`),
             eat3(foot){
                 //xiaozhi吃虾
                 console.log(`${this.name}吃${foot}`);
             }
        };
        person.eat1("鱼");
        person.eat2("meet");
        person.eat3("虾");
        /*5.箭头函数加对象解构*/
        var person2={
            "name":"xiaozhi",
            "age":25
        };
        //你好:xiaozhi
        var print5=({name})=>console.log("你好:"+name);
        print5(person2);
        //6.扩展运算符(...)用于取出参数对象所有可遍历属性然后拷贝到当前对象
        //1.深拷贝 Object { name: "TANGZHI", age: 25 }
        let person1 = { name: "TANGZHI", age: 25 }
        let someone = { ...person1 }
        console.log(someone);
        //2.合并对象
        let age = { age: 15 };
        let name = { name: "YANGXING" };
        let person2 = { ...age, ...name }
        //Object { age: 15, name: "YANGXING" }
        console.log(person2);
    </script>
相关文章
|
4月前
|
索引
ES5常见的数组方法:forEach ,map ,filter ,some ,every ,reduce (除了forEach,其他都有回调,都有return)
ES5常见的数组方法:forEach ,map ,filter ,some ,every ,reduce (除了forEach,其他都有回调,都有return)
|
4月前
ES6中map对象的使用,确实比Object好使哈
ES6中Map对象的使用优势,包括任意类型作为键、直接获取大小、增删查改操作等。Map的键可以是函数、对象、NaN等,支持forEach循环和for...of循环。
39 1
ES6中map对象的使用,确实比Object好使哈
|
4月前
|
数据处理 Python
Pandas中的map函数应用
Pandas中的map函数应用
24 2
|
4月前
|
JavaScript 前端开发
js map和reduce
js map和reduce
WK
|
4月前
|
Python
map函数
在Python中,`map()` 是一个内置的高阶函数,接受一个函数和一个或多个可迭代对象作为参数,将指定函数应用于每个元素,并返回包含应用结果的迭代器。若有多个可迭代对象,其元素会并行地传递给函数。`map()` 返回一个迭代器,需用 `list()` 转换。在Python 3中,`map()` 返回迭代器而非列表,并支持 `lambda` 表达式,适用于多种应用场景。注意,当输入的可迭代对象长度不同时,结果仅包含最短对象的长度。
WK
48 1
|
6月前
|
人工智能 算法 大数据
算法金 | 推导式、生成器、向量化、map、filter、reduce、itertools,再见 for 循环
这篇内容介绍了编程中避免使用 for 循环的一些方法,特别是针对 Python 语言。它强调了 for 循环在处理大数据或复杂逻辑时可能导致的性能、可读性和复杂度问题。
61 6
算法金 | 推导式、生成器、向量化、map、filter、reduce、itertools,再见 for 循环
|
5月前
|
分布式计算 Python
【python笔记】高阶函数map、filter、reduce
【python笔记】高阶函数map、filter、reduce
|
6月前
|
JavaScript API
js【最佳实践】遍历数组的八种方法(含数组遍历 API 的对比)for,forEach,for of,map,filter,reduce,every,some
js【最佳实践】遍历数组的八种方法(含数组遍历 API 的对比)for,forEach,for of,map,filter,reduce,every,some
100 1
|
7月前
|
Python
在Python中,`map()`, `filter()` 和 `reduce()` 是函数式编程中的三个核心高阶函数。
【6月更文挑战第24天】Python的`map()`应用函数到序列元素,返回新序列;`filter()`筛选满足条件的元素,生成新序列;`reduce()`累计操作序列元素,返回单一结果。
43 3
|
6月前
|
JSON JavaScript API
JS【详解】Map (含Map 和 Object 的区别,Map 的常用 API,Map与Object 的性能对比,Map 的应用场景和不适合的使用场景)
JS【详解】Map (含Map 和 Object 的区别,Map 的常用 API,Map与Object 的性能对比,Map 的应用场景和不适合的使用场景)
150 0