es6 对象的扩展、函数的扩展、扩展运算符

Love The Way You Lie 2022-11-29 13:09 163阅读 0赞

### 对象的扩展 ###

*  ES6允许直接写入变量和函数，作为对象的属性和方法。这样的书写更加简洁。
 *  ES6 允许字面量定义对象时，用方法二（表达式）作为对象的属性名，即把表达式放在方括号内。

let foo = "aaa";
                let obj = {  foo };
                console.log(obj);
                //ES6允许在对象之中，直接写变量。这时，属性名为变量名, 属性值为变量的值。
                function f(x, y) { 
                    return {  x, y };
                }
                console.log(f(1, 2));  // Object {x: 1, y: 2}
    
                var birth = '2000/01/01';
    
                var Person = { 
    
                    name: '张三',
    
                    //等同于birth: birth
                    birth,
    
                    // 等同于hello: function ()...
                    hello() {  console.log('我的名字是', this.name); }
    
                }; 
                
                var birth = '2000/01/01';
                var Person = { 
                    name: '张三',
                    //等同于birth: birth
                    birth,
                    // 等同于hello: function ()...
                    hello() {  console.log('我的名字是', this.name); }
                };
    
                //这种写法用于函数的返回值，将会非常方便。
                function getPoint(){ 
                    var x=1;
                    var y=34;
                    return { x,y}
                }
                getPoint() //{x:1,y:34}
    
                //ES6 允许字面量定义对象时，用方法二（表达式）作为对象的属性名，即把表达式放在方括号内。
                let propKey = 'foo';
    
                let obj1 = { 
                [propKey]: true,
                ['a' + 'bc']: 123
                };
                console.log(obj1);
    
            }

### 函数的扩展 ###

*  es6允许为函数的参数设置默认值，即直接写在参数定义的后面

//es6允许为函数的参数设置默认值，即直接写在参数定义的后面
       /* function log(x,y='Word'){ console.log(x, y); } log('hello') log('hello','China') log('hello','') */

### ES6 引入rest参数 ###

*  （形式为“…变量名”），用于获取函数的多余参数

function sum(...result){ 
            let sum=0;
            for (let index = 0; index < result.length; index++) { 
                sum += result[index];
            }
           // console.log(sum);
        }
        sum(1,34,55);

### 扩展运算符 ###

*  扩展运算符（spread）是三个点（…）。它好比rest参数的逆运算，将一个数组转为用逗号分隔的参数序列。

console.log(...[1, 2, 3]) //1 2 3
    
        function push(array, ...items) { 
         array.push(...items);
         console.log(array);
        }
        let arrlist=[];
        push(arrlist,1,2,4,5)

发表评论取消回复

表情：

评论列表（有 0 条评论，163人围观）

还没有评论，来说两句吧...

相关阅读

相关 ES6扩展运算符

很久之前看的这一块，有段时间没怎么用前几天用的时候都有点模糊了总结一下 -------------------- 一般应用场景 var fun = fu

叁歲伎倆/ 2022年12月05日 12:18/ 0 赞/ 142 阅读

相关 es6 对象的扩展、函数的扩展、扩展运算符

对象的扩展 ES6允许直接写入变量和函数，作为对象的属性和方法。这样的书写更加简洁。 ES6 允许字面量定义对象时，用方法二（表达式）作为对象的属性名，即把表

Love The Way You Lie/ 2022年11月29日 13:09/ 0 赞/ 164 阅读

相关 es6-函数扩展以及扩展运算符

函数扩展以及扩展运算符故心故心故心故心小故冲啊 -------------------- 文章目录函数扩展以及扩展运算符一、函数扩展二

港控/mmm°/ 2022年11月21日 03:59/ 0 赞/ 170 阅读

相关 ES6扩展运算符...

扩展运算符定义扩展运算符（ spread ）是三个点（…），它好比 rest 参数的逆运算，可以将一个数组转为用逗号分隔的参数序列。说白了，就是把数组脱掉衣服，打开它。

比眉伴天荒/ 2022年09月03日 00:21/ 0 赞/ 185 阅读

相关 ES6中的(...)扩展运算符

很简单啊，我就是想一下啊啊啊啊啊啊啊． -------------------- 扩展运算符（spread）．．．１．（．．．）相当于rest参数的逆运算，将一个数

清疚/ 2022年05月25日 10:51/ 0 赞/ 193 阅读

相关 ES6扩展运算符

ES6扩展运算符实现了Iterator 接口的对象中的每个元素都一个个的迭代并取出来变成单独的被使用 eg1: console.log(...[3, 4, 5])

一时失言乱红尘/ 2022年04月05日 08:12/ 0 赞/ 216 阅读

相关 es6 对象的扩展

对象的扩展传统对象属性写法 es6对象属性写法属性名表达式属性的可枚举性和遍历

偏执的太偏执、/ 2022年02月01日 14:45/ 0 赞/ 266 阅读

相关 ES6扩展运算符

在做React Native项目时遇见了扩展运算符，于是将ES新特性中相关的部分学习了一下，在这里作出总结。目前所遇见的扩展运算符有两种： 1: 数组的扩展运算符

男娘i/ 2022年01月27日 13:07/ 0 赞/ 280 阅读

相关 ES6扩展运算符...

扩展运算符... 一、什么是扩展运算符二、写法三、案例 1.合并数组 2.将伪数组转换成真数组一、什么是扩展运算符

迈不过友情╰/ 2021年09月07日 06:10/ 0 赞/ 390 阅读

相关 ES6 对象的扩展

属性的简洁表示法 ES6允许直接写入变量和函数，作为对象的属性和方法。这样的书写更加简洁。下面代码表明，ES6允许在对象之中，直接写变量。这时，属性名为变量名, 属

悠悠/ 2021年06月24日 16:12/ 0 赞/ 669 阅读