ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

web前端—前端三剑客之JS-ES6(6):对象数据结构扩展

2021-07-21 19:59:59  阅读:111  来源: 互联网

标签:web return name 对象 前端 let input 三剑客 属性


1、允许直接写入变量和函数,作为对象的属性和方法

        let a = '孟浩然';
        let b = {a};    // 允许直接写入变量和函数,作为对象的属性和方法
        console.log(b);
        // 等同于:let b = {a:a}

2、对象属性名和方法名的简写

  • 属性名:见arr2.name
  • 方法名:见arr2.fn()   \   arr2.fn(input)

3、属性名或者方法名是关键字的写法:见arr2.in()

4、ES6允许字面量定义对象时使用表达式作为对象的 属性名 和 方法名,但要把表达式放在方括号内

5、属性名表达式如果是一个对象,默认情况下会自动将对象转为字符串[object Object]

        let name = '张养浩';
        let obj = {'hello':'你好'};
        let arr1 = {
            name:name,
            'in':function(){
                return '这是使用关键字in作为属性名时,属性名需要写成字符串形式';
            },
            fn:function(){
                return '这是一个方法';
            },
            fn2:function(input){
                return '你传入的参数是:'+ input;
            }
        };
        // 简洁写法
        let arr2 = {
            name,   // 使用之前已经定义过的对象作为属性时,只写要使用的对象名即可,属性值可以省略
            zi:'希孟',
            in(){
                return '这是使用关键字in作为属性名的简洁写法,属性名不需要写成字符串形式';
            },
            fn(){   // 括号里面可以传入参数,如下fn2
                return '这是一个简洁写法';
            },
            fn2(input){
                let age = input;
                return {age:age,name:this.name};
            },
            ['zuo'+'ping']:'《潼关怀古》',   // ES6允许字面量定义对象时使用表达式作为对象的 属性名 和 方法名,但要把表达式放在方括号内
            [obj]:'属性名表达式如果是一个对象,默认情况下会自动将对象转为字符串[object Object]',
        };

标签:web,return,name,对象,前端,let,input,三剑客,属性
来源: https://blog.csdn.net/JBY2020/article/details/118974437

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有