ECMASCript2015 提案 stage-3的对象展开运算符

  看源码时看到如下的代码

export default {

    //通过mapActions将actions映射到methods里

    methods: {
        ...mapActions([
            ‘updateStatus‘,
            ‘reset‘
        ])
    },

    created: function() {
        this.updateStatus(STATUS.READY);
        this.reset();
    },

    components: {Dashboard, Chessboard, Status}
}

  

...mapActions 是什么鬼, 不记得ES6里有这么用展开运算符的。后来查了下资料,发现是stage-3的对象展开运算符,目前chrome和火狐都不支持,使用方法在githubbabelmapState 函数返回的是一个对象,

然后对返回的对象使用展开运算符。

时间: 2024-12-14 00:59:16

ECMASCript2015 提案 stage-3的对象展开运算符的相关文章

vuex在页面中以对象展开运算符形式引入报错解决

当页面中以mapGetters等对象扩展运算符写的时候,会报错 unexpected token 解决如下: babel还要加插件才能解释这个写法 npm install --save-dev babel-plugin-transform-object-rest-spread 下载完插件后在.babelrc添加插件 { "plugins": ["transform-object-rest-spread"] } 插件地址:https://babeljs.io/docs

ES6 展开运算符

展开运算符 ... 数组展开运算符: { // 展开运算符: 把一条数据展开了,或者把一个数组进行展开了. let arr = [1,2,3,4]; // let arr2 = ["a","b","c","d"];//想把arr里面内容放到其中的位置 let arr2 = ["a","b",...arr,"c","d"]; console.log(

javascript兼容性:展开运算符 ... 的降级

展开运算符 ... 是一个很好用的ES6新特性,用的好的话,可以节约很多代码. 但是作为ES6特性,它有兼容性问题,而且Babal(在线转码网页)并不会转换展开运算符. 展开运算符大体分为两种用法:展开对象和展开数组. 现在我就来讲讲展开运算符的降级写法. 展开对象: var a = { // 此处省略500字 } var b = { ...a } 用 Object.assign 可解. var a = { // 此处省略500字 } var b0 = { // 此处省略500字 } var b

9、剩余参数,数组、对象展开操作符

1.剩余参数 注意:1.形参args前面一定要加'...' 2.args可以随意更换其他名称 3.实参不需要写数组的方括号[] 2.数组展开操作符 3.对象展开操作符 原文地址:https://www.cnblogs.com/hihi-jing/p/9531931.html

ES6展开运算符的两个用法

展开运算符的用法1:传参 // 展开运算符的用法1 : 传参 function test(a,b) { return a + b ; } var arr = [1,2]; console.log(test(...arr)); // 3 展开运算符的用法2:往数组添加元素 //展开运算符的用法2 : 往数组里添加元素 var items = [1,2,3]; var newArr = [...items,4] console.log(newArr); // [1,2,3,4] 原文地址:https

[转] Vuex入门(2)—— state,mapState,...mapState对象展开符详解

1.state  state是什么? 定义:state(vuex) ≍ data (vue) vuex的state和vue的data有很多相似之处,都是用于存储一些数据,或者说状态值.这些值都将被挂载 数据和dom的双向绑定事件,也就是当你改变值的时候可以触发dom的更新. 虽然state和data有很多相似之处,但state在使用的时候一般被挂载到子组件的computed计算属性上,这样有利于state的值发生改变的时候及时响应给子组件.如果你用data去接收$store.state,当然可以

js基础2js对象、运算符 date(),getHours();

js中的所有事物都是对象:字符串.数字.日期,等等: 在js中,对象是拥有属性和方法的数据 局部js变量 在 JavaScript 函数内部声明的变量(使用 var)是局部变量,所以只能在函数内部访问它.(该变量的作用域是局部的). 您可以在不同的函数中使用名称相同的局部变量,因为只有声明过该变量的函数才能识别出该变量. 只要函数运行完毕,本地变量就会被删除 全局js变量 在函数外声明的变量是全局变量,网页上的所有脚本和函数都能访问它. js变量的生存期 JavaScript 变量的生命期从它们

Javascript:对象/函数/运算符

1.Javascript对象可以直接创建,而无需像java等其它语言那样先定义一个类. 2.由于Javascript是弱类型,因此定义函数时也不需要写参数的类型类型.不需要声明返回值,在函数体中可自由确定是否return一个值. 3.Javascript运算符与java非常类似. 代码整理自w3school:http://www.w3school.com.cn 效果图: 示例代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitio

用对象展开来写对象操作的纯函数

纯函数的一个原则是“不会产生副作用”. 一.数组操作  定义 1 const state = { 2 cart: [ 3 { 4 product: 'bread 700g', 5 quantity: 2, 6 unitCost: 1 7 }, 8 { 9 product: 'milk 500ml', 10 quantity: 1, 11 unitCost: 2 12 }, 13 { 14 product: 'app 500g', 15 quantity: 1, 16 unitCost: 3 17