JavaScript中的三个点是展开/休息操作符。

传播算子

扩展语法允许在需要多个参数的地方展开表达式。

myFunction(...iterableObj);

[...iterableObj, 4, 5, 6]

[...Array(10)]

其他参数

rest形参语法用于参数数量可变的函数。

function(a, b, ...theArgs) {
  // ...
}

数组的展开/休息操作符是在ES6中引入的。有一个关于对象扩展/休息属性的状态2提案。

TypeScript还支持扩展语法，并可以将其转换为较旧版本的ECMAScript，但存在一些小问题。

这些被称为价差。顾名思义，它的意思是把它的值放到那些数组或对象中。

如:

let a = [1, 2, 3];
let b = [...a, 4, 5, 6];
console.log(b);
> [1, 2, 3, 4, 5, 6]

传播算子!由于大多数人已经优雅地回答了这个问题，我想建议一个快速使用扩散操作符的方法列表:

…spread运算符对JavaScript中许多不同的常规任务都很有用，包括:

复制数组 连接或组合数组 使用数学函数 使用数组作为参数 向列表中添加项 在React中添加状态 结合对象 将NodeList转换为数组

查看文章了解更多细节。如何使用展开运算符。我建议你习惯它。有很多很酷的方法可以使用展开运算符。

在ECMAScript 6 (ES6)中引入的展开运算符(三重运算符)。ECMAScript (ES6)是JavaScript的包装器。

props中的展开运算符可枚举属性。

这一点。道具= ｛ 名字:“丹”, 姓:“阿布拉莫夫”, 城市:纽约， :“美国” ｝ <模态{…这个。props} title='Modal heading' animation={false}>

{……。props} = {firstName: 'Dan'， 姓:“阿布拉莫夫”, 城市:纽约， 国家:“美国”}

但是主特征展开运算符用于引用类型。

例如,

let person= {
    name: 'Alex',
    age: 35
}
person1 = person;

person1.name = "Raheel";

console.log( person.name); // Output: Raheel

这称为引用类型。一个对象影响其他对象，因为它们在内存中是可共享的。如果你正在获得一个值，独立意味着扩展内存，两者都使用扩展操作符。

 let person= {
        name: 'Alex',
        age: 35
    }
person2 = {...person};

person2.name = "Shahzad";

console.log(person.name); // Output: Alex

…(展开运算符)用于React to:

提供一种简洁的方式将道具从父组件传递给子组件。例如，给定父组件中的这些道具，

this.props = {
  username: "danM",
  email: "dan@mail.com"
}

它们可以通过以下方式传递给孩子，

<ChildComponent {...this.props} />

哪个和这个相似

<ChildComponent username={this.props.username} email={this.props.email} />

但要干净得多。

三个点代表ES6中的展开运算符。它允许我们在JavaScript中做很多事情:

连接数组 var shooterGames =['使命召唤'，'孤岛惊魂'，'生化危机']; var racingGames =['极品飞车'，' gt赛车'，'Burnout']; Var游戏=[…]shooterGames……玩赛车); console.log(games) //['使命召唤'，'孤岛惊魂'，'生化危机'，'极品飞车'，' gt赛车'，'Burnout'] 析构数组 var shooterGames =['使命召唤'，'孤岛惊魂'，'生化危机']; Var[首先，…剩余]= shooterGames; console.log(第一);//使命召唤 console.log(剩余的);//[《孤岛惊魂》、《生化危机》] 组合两个对象 var myCrush = { 名字:“萨琳娜”, middlename:“玛丽” }; Var lastname = '我的姓'; var myWife = { ……myCrush, 姓 ｝ console.log (myWife);// {firstname: 'Selena'， // midlename: 'Marie'， // lastname: '我的姓'}

这三个点还有另一个用途，就是所谓的Rest参数，它可以将一个函数的所有参数作为一个数组。

作为数组的函数参数 函数fun1(…参数){ ｝