js 常见简写语法

1.拓展运算符 ...variable
数组拓展:

let a = [1,2,3];
let b = [4,5,...a];//b=[4,5,1,2,3]


也可拓展对象:

let a = {x:3, y:4};
let b = {xx:1, yy:2, ...a};//b={xx:1, yy:2, x:3, y:4}

这里小数点是三个,跟剩余参数function f(arg1, ...rest) {}的小数点个数相同

2.模板字符串 ${variable}

var s='sss';
var ss=`1${s}1`;//ss='1sss1'

这里的引号是反单引号。单引号、双引号不支持该语法

3.定义对象时,属性与值的简写

var a=1;
var b={ a };//等价于var b={ a : a }

4.定义对象时,方法的简写

var a={
  m (){}
}
/* 等价于:
var a={
  m : function(){}
}
*/


使用[]可创建变量值的方法名

var m='method';
var a={
  [m] (){}
}
/*此时方法应该如下调用:
a.method()
*/

5.对象的属性的类型是字符串

var a={ b:1, 'b-b':2 }//等价于var a={ 'b':1, 'b-b':2 }
console.log( a['b'], a['b-b'] )

由于语法限制,不能直接var a={ b-b:2 }这样。因为-不能出现在变量名,但对象的属性的类型是字符串,所以改用var a={'b-b':2 }是可以的。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容