javascript代码精简写法(一)

本文开启一个系列,介绍JavaScript便捷写法或API。阐述使用新特性的原因,即解决编程痛点,开发者应紧跟技术变革。还列举了三元运算符、短路求值、默认参数、扩展运算符等内容。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

从本文开始,启动一个系列,介绍JavaScript的一些便捷的写法或者API

为何使用新特性?技术在发展,新技术的产生必然是解决了开发者编程中面临的痛点(痛苦的点),旧技术之所以落伍也是同理。技术发展,我们程序员也当紧跟时代的变革,拥抱新技术。同时,我们也要意识到技术只是工具,我们使用技术解决的问题才是我们的目标,只有这样我们才不会迷失在学习的焦虑之中。

  • 三元运算符,用于简化判断操作
let hasPre = true;
let hasNext = hasPre ? true:false;
  • 短路求值
let room = null;
let roomIsEmpty = room && room.hasItems;//意为只有room存在且里面装了东西,才非空.存在依赖关系
let roomCopy = room || "a new room";//取真值
  • 默认参数
// 严格来说不应该使用的,因为形参与实参应该是一一对应的,但会存在一些没有传参的场景。
//默认参数可为 :函数调用表达式、算术表达式等。只在缺省参数时这些表达式才会求值。
function lazyCalled(){ console.log("只有不传参,我才会调用") }

function main(exp = lazyCalled()){ console.log("主方法执行!") }

main(123);//主方法执行!
main();//只有不传参,我才会调用 //主方法执行!
  • 扩展运算符
//语法形式:... 三个点,用于展开数组形式的数组
console.log(...[1,2,3]);//1,2,3

//合并数组
var arr1 = [1,2,3]
var arr2 = [4,5,6,...arr1]

//去掉数组中的第一项
var [first,...rest] = arr1;//rest 即为 去掉数组中的第一项后剩余的项

//去掉对象的某个属性后的剩余部分

var obj = { name:'foo',sex:'female',age:18 }
var { name ,...rest } = obj;//rest : { sex:'female',age:18 }

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值