首页 > 其他分享 >ES6使用let实现变量的解构赋值

ES6使用let实现变量的解构赋值

时间:2022-11-16 23:11:41浏览次数:54  
标签:ES6 console log 解构 xiaopin let testobj

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>变量的解构赋值</title>
</head>
<body>
    <script>
        //ES6 允许按照一定模式从数组和对象中提取值,对变量进行赋值,
        //这被称为解构赋值。
        //1. 数组的结构
        const F4 = ['小沈阳','刘能','赵四','宋小宝'];
        // 给每个元素设置了一个变量,比如小对应了F4[0],...
        let [xiao, liu, zhao, song] = F4;
        console.log(xiao);
        console.log(liu);
        console.log(zhao);
        console.log(song);

        //2. 对象的解构
        const testobj = {
            name: '赵本山',
            age: '不详',
            xiaopin: function(){
                console.log("我可以演小品");
            }
        };

        // 这样定义就简化了,不用像之前这样写:testobj.name,testobj.xiaopin();.....
        let {name, age, xiaopin} = testobj;
        console.log(name);
        console.log(age);
        console.log(xiaopin);
        xiaopin();

        // let {xiaopin} = testobj;
        // xiaopin();


    </script>
</body>

</html>

 

结构:

 

标签:ES6,console,log,解构,xiaopin,let,testobj
From: https://www.cnblogs.com/anjingdian/p/16897885.html

相关文章

  • ES6之const
    <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>const......
  • 3. servlet解决乱码
    #doPost方法中解决乱码##request.setCharacterEncoding("UTF-8");##必须在所有获取数据的动作之前设置#doGet方法中解决乱码##tomcat8及之后,不用设置编码##tomc......
  • Javascript(笔记40) - ES6特性 - Map
    Javascript(笔记40)-ES6特性-MapMap ES6 提供了Map数据结构。它类似于对象,也是键值对集合。但是“键”的范围不限于字符串,各种类型的值(包括对象)都可以当作键。Map也实......
  • day33 过滤器filter & 监听器listener & 利用反射创建BaseServlet实现调用自定义业务
    Filter过滤器Fileter可以实现:1)客户端的请求访问servlet之前拦截这些请求,对用户请求进行预处理2)对HttpServletResponse进行后处理;注意多个Filter的执行顺序在web.xml配......
  • 2. 提交表单数据并通过servlet接收
    #新建java类##在项目的src/main/java目录下创建包,并创建一个AddServlet类,它继承自HttpServlet类,覆盖doPost方法##doPost方法有两个参数,#新建html文件##在WEB-INF......
  • Javascript(笔记39) - ES6特性 - 集合Set
    SETES6 提供了新的数据结构set(集合)。集合类似于数组,但成员的值都是唯一的,集合实现iterator 接口,所以可以使用“扩展运算符”和“for...of”进行遍历,集合的属性和方法......
  • CompletableFuture 技术点异步并发问题
         基本用法                                      CompletableFuture主要方......
  • javaweb 4、Servlet
    ServletServlet简介Servlet就是sun公司开发动态web的一门技术sun公司在这些API中提供了一个接口叫做:Servlet,如果你想开发一个Servlet程序,只需要完成两个小步骤:编写一......
  • javaweb 5、HttpServletResponse
    HttpServletResponseweb服务器接收到客户端的http请求,针对这个请求,分别创建一个代表请求的HttpServletRequest对象,代表响应的一个HttpServletResponse如果要获取客户端......
  • javaweb 6、HttpServletRequest
    HttpServletRequest代表客户端的请求,用户通过Http协议访问服务器,HTTP请求中所有信息会被封装到HttpServletRequet,通过这个HttpServletRequest的方法,获得客户端的所有信息......