美文网首页
js 常见简写语法

js 常见简写语法

作者: codeflame | 来源:发表于2019-02-26 15:55 被阅读0次

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 }是可以的。

相关文章

  • js 常见简写语法

    1.拓展运算符 ...variable数组拓展: 也可拓展对象: 这里小数点是三个,跟剩余参数function f...

  • 前端05-JS语法

    JS语法 JS是什么? JavaScript的简写,与Java没有半毛关系;相当于雷锋与雷峰塔,印度与印度尼西亚的...

  • vue - element-ui -> el-tag 标签状

    两个的简写 多个的简写 js

  • 2018-07-30

    js原生错误代码 js常见错误类型 (1)SyntaxError SyntaxError是解析代码时发生的语法错误...

  • js简写

    三元操作符 短路求值 当给一个变量分配另一个值时,想确定源始值不是null或undefined或空值 0。 声明变...

  • JS简写

    JS简写 三元运算符 当你想写一个if . .else语句只在一行中。 普通写法 const x = 20; le...

  • js 简写

    //取整 parseInt(a,10);//Before Math.floor(a);//Before a>>0;...

  • vue 语法 简写

    v-bind 缩写 v-on 缩写

  • 17-18日作业

    1.什么是css语法? 2.列举常见的css选择器? 3.background属性如何简写? 4.文本的属性有哪些...

  • 第二次作业

    1.什么是css语法? 2.列举常见的css选择器? 3.background属性如何简写? 4.文本的属性有哪些...

网友评论

      本文标题:js 常见简写语法

      本文链接:https://www.haomeiwen.com/subject/btgayqtx.html