关于postman:javascript代码简写的几种常用方式汇总

39次阅读

共计 1520 个字符,预计需要花费 4 分钟才能阅读完成。

本文次要介绍一些工作中罕用的 JavaScript 编码技巧。十分有用,倡议大家看完赶快实际,keep it in your mind!

首先举荐一个 vscode 的插件,Quokka.js, 调试代码神器,插件的作用是:立刻执行你键入的 JavaScript 代码或者 TypeScript 代码

javascript 代码简写的几种罕用形式汇总

箭头函数
简写规定:

只有一个参数,小括号能够不写
返回值只有一个,花括号和 return 能够不写
let arr=[1,2,3]
arr.filter((item)=>{

return item >1

})
// 只有一个参数,小括号能够不写
arr.filter(item=>{

return item>1

})
// 返回值只有一个,花括号和 return 能够不写
arr.filter(item=>item>1)

把握数组常见操作方法
把握数组常见办法,记在脑子里,不要写的时候再去看 API 了,这样能够无效晋升编码效率,毕竟这些办法每天都在用

every
some
filter
map
forEach
find
findIndex
reduce
includes
javascript 代码简写的几种罕用形式汇总

把握字符串罕用操作函数

trim
startsWidth
includes
let str=”Hello JueJue “
// 蕴含子串
console.log(str.includes(“Hello”))
// 以子串结尾
console.log(str.startsWith(“Hello”))
// 去除收尾空格
console.log(str.trim())

延展运算符
很有用的哟,上面介绍两个应用场景:

对数组进行解构

// 数组去重
function removeRepeat(arr){

return  [...new Set(arr)]

}
// 数组求最大值
Math.max(…arr)
Math.min(…arr)
对对象进行解构

//react 用于一次传入多个属性
let props={name:’Ben’,age:10,sex:0}
const greeting=<Greeting {…props} />
// 组合对象 这种状况能够应用 Object.assign 代替
let defaultParams={

pageSize:1,
pageNumber:10,
sort:1

let reqParams={

...defaultParams,
phone:'15196255885'

对象简写
对象的 key 和 value 同名,能够只写 key, 能够少些很多代码哟

let id,age,sex
let person={

id,
age,
sex

解构赋值
用于函数参数
用于对对象进行解构
能够少些一些代码哟

class Spirit{

constructor({x=0,y=0,w=10,h=10,rotate=0}){// 函数参数构造
    this.x=x
    this.y=y
    this.w=w
    this.h=h
    this.rotate=rotate

draw(){const {x,y,w,h,rotate}=this
    console.log("draw -> x,y,w,h,rotate", x,y,w,h,rotate)

把握数据类型转换的办法
写 JS 的人个别没有类型观点,对于 Number 和 String 的辨别不太敏感,其实 JS 的数据类型还是挺重要的,不留神的话就有可能会出错,所以心愿大家记住上面的办法

Number 和 String 类型互转

我个别喜爱应用构造函数转

Number(‘001’) //-> 1
String(‘1’) // ->1
保留 n 位小数

function cutNumber(value,n=2){// 默认保留 2 位小数

return Number(value).toFixed(n)

正文完
 0