首页 > 其他分享 > ES6 的 新特性 4 剩余参数,对象值省略

ES6 的 新特性 4 剩余参数,对象值省略

时间:2023-07-06 18:44:21浏览次数:33  
标签:剩余 ES6 省略 log sum args 20 let console

剩余参数

用于声明不确定参数数量的函数

function sum (first, ...args) {
     console.log(first); // 10
     console.log(args); // [20, 30] 
 }
 sum(10, 20, 30)

箭头函数也可以用

const sum = (...args) => {
    let total = 0;
    args.forEach(item => total += item);
    return total;
};

console.log(sum(10, 20));//30
console.log(sum(10, 20, 30));//60

可以跟解构一起用

let students = ['wangwu', 'zhangsan', 'lisi'];
let [s1, ...s2] = students; 
console.log(s1);  // 'wangwu' 
console.log(s2);  // ['zhangsan', 'lisi']

 

对象值省略

如果对象的属性名和值的变量名一样,可以省略值。

    let User = '老王';
    let obj = {
        //User: User
        User
    }

 

标签:剩余,ES6,省略,log,sum,args,20,let,console
From: https://www.cnblogs.com/luyShare/p/17533043.html

相关文章

  • 1.ES6
    1.let①let不存在预解析。--即使用前一定要定义。②let声明的变量不允许在相同作用域内重复声明③ES6引入块级作用域。--即let在块内部中定义,只能在块内部使用 2.const①const不存在预解析。--即使用前一定要定义。②const不能重复声明。且声明后必须赋值。③如果声明......
  • ES6 的 新特性 1 let,const
    Let,Const,Var可以放一起说这三个都是JS中用来声明变量的关键字。主要的区别是1.作用域Var声明的变量的作用域是当前的执行上下文,也就是说,如果在函数外部声明,则是全局变量,如果是函数内部声明,则是整个函数块的变量。Let声明的变量的作用域则是当前的代码块,也就是说可以像var一......
  • JavaScript(七)ES6
    Node环境安装nvm、npm、nrmnvm:管理多个版本的node环境,使用nvm安装nodejsnpm:npm是node的包管理工具,使用nvm安装node后,就可以使用npm命令nrm:管理npm的镜像源,使用npm命令安装Babel转码器可以将es6代码转成es5代码。从而可以在老版本浏览器执行在项目根目录下安装np......
  • es6 iterator
    //需求使用forof便利对象并返回对象数组的值letbanji={name:"火箭一班",stus:["limuzi","nini","zhaoliying","xiena"],[Symbol.iterator](){let_this=this......
  • es6 中Symbol
    letgame={up:function(){console.log("upmethods!")},down:function(){console.log("downmethods!")}}//es6symbol用法可以给已经封装好的方法上加上方法letmethods={up:Symbol(),down:Symbol()}......
  • 复习ES(6-11)语法之ES6中篇
    目录类ES5中的类与继承ES6中的类与继承新的原始数据类型新的数据结构SetMap字符串的扩展正则的扩展数值的扩展ProxyReflect类类是对象的模版,定义了同一组对象共有的属性和方法ES5中的类与继承定义类ES5其实并没有类的概念,是通过function构造函数来模拟一个类。在构造函数......
  • 【转】python踩坑(FileNotFoundError: Could not find module '此处省略了一些路径win_
    1、报错(FileNotFoundError:Couldnotfindmodule'此处省略了一些路径\site-packages\scipy\.libs\libbanded5x.GL5FZ7Y77HIKQFNMZKUOMV5GID6YMX2V.gfortran-win_amd64.dll'(oroneofitsdependencies).Tryusingthefullpathwithconstructorsyntax.) 2、分析&a......
  • uni.app上传图片/上传七牛云 vue2 es6
    uni.app上传图片可以使用uni.app里面的api//uni.chooseImage({ // success:(chooseImageRes)=>{ // consttempFilePaths=chooseImageRes.tempFilePaths; // uni.uploadFile({ // url:that.$unishow+'/common/upload',//仅为示例,非真实的接口地......
  • uni.app上传视频vue2 es6
    上传视频可以使用uni.app里面的api letself=this; uni.chooseVideo({ count:1, sourceType:['camera','album'], success:function(res){ console.log(res) self.showVideo=true self.addVideo=false self.src=......
  • 如何解决uni-app上传图片提示打包未添加Camera模块? uni.app es6 vue2
       可以在manifest.json来进行配置  这样就解决了 ......