2020高频实用的 JavaScript 片段

发布时间:2023-09-10 点击:122
【相关学习推荐:javascript视频教程】
废话不多话,在本文中,列出了一些比较常用或者实用的的 javascript 代码片段,希望对你们有所帮助。
1.三元运算符
let somethingtrue = trueif(somethingtrue){ handletrue()}else{ handlefalse()} 以下是简短版本 let somethingtrue = truesomethingtrue ? handletrue() : handlefalse()复制代码2.短路或运算
const defaultvalue = "somedefaultvalue"let somevaluenotsureofitsexistance = nulllet expectingsomevalue = somevaluenotsureofitsexistance || defaultvalueconsole.log(expectingsomevalue) // somedefaultvalue复制代码3. 条件成立
let somevalue = trueif (somevalue) { console.log('条件成立!')}复制代码4. for 循环
for (let i = 0; i < 1e2; i ) { // 代替 i<100 是不是有点酷}复制代码let somevalues = [1, 2, 4]for (let val in somevalues) { console.log(val)}let obj = { 'key1': 'value1', 'key2': 'value2', 'key3': 'value3'}for (let key in obj) { console.log(key)}复制代码5. 值到对象的映射
let x='x',y='y'let obj = {x,y}console.log(obj) // {x: "x", y: "y"}复制代码6. object.entries()
const credits = { producer: '大迁世界', name: '前端小智', rating: 9}const arr = object.entries(credits)console.log(arr)* 输出 *[ [ 'producer', '大迁世界' ], [ 'name', '前端小智' ], [ 'rating', 9 ] ]复制代码7. object.values()
const credits = { producer: '大迁世界', name: '前端小智', rating: 9}const arr = object.values(credits)console.log(arr)* 输出 *[ '大迁世界', '前端小智', 9 ]复制代码8. 模板字面量
let name = '前端小智'let age = 20var somestringconcatenatesomevariable = `我是 ${name},今年 ${age} 岁`console.log(somestringconcatenatesomevariable)复制代码9. 解构赋值
import { observable, action, runinaction } from 'mobx';复制代码10.多行字符串
let multilinestring = `some string\\\\nwith multi-line of\\\\ncharacters\\\\n`console.log(multilinestring)复制代码11.array.find 简写
const pets = [{ type: 'dog', name: 'max' }, { type: 'cat', name: 'karl' }, { type: 'dog', name: 'tommy' }]pet = pets.find(pet => pet.type === 'dog' && pet.name === 'tommy')console.log(pet) // { type: 'dog', name: 'tommy' }复制代码12.默认参数值
早期的做法
function area(h, w) { if (!h) { h = 1; } if (!w) { w = 1; } return h * w}复制代码es6 以后的做法
function area(h = 1, w = 1) { return h * w}复制代码13.箭头函数的简写
let sayhello = (name) => { return `你好,${name}`}console.log(sayhello('前端小智'))复制代码简写如下:
let sayhello = name => `你好,${name}`console.log(sayhello('前端小智'))复制代码14.隐式返回
let somefuncthatreturnsomevalue = (value) => { return value value}console.log(somefuncthatreturnsomevalue('前端小智'))复制代码简写如下:
let somefuncthatreturnsomevalue = (value) => ( value value)console.log(somefuncthatreturnsomevalue('前端小智'))复制代码15.函数必须有参数值
function musthavepatammethod(param) { if (param === undefined) { throw new error('hey you must put some param!'); } return param;}复制代码以像这样重写:
musthavecheck = () => { throw new error('missing parameter!')}methodshoudhaveparam = (param = musthavecheck()) => { return param}复制代码16.charat() 简写
'samplestring'.charat(0) // s// 简写'samplestring'[0]复制代码17.有条件的函数调用
function fn1() { console.log('i am function 1')}function fn2() { console.log('i am function 2')}/*长的写法*/let checkvalue = 3;if (checkvalue === 3) { fn1()} else { fn2()}复制代码简短的写法:
(checkvalue === 3 ? fn1 : fn2)()复制代码17.math.floor 简写
let val = '123.95'console.log(math.floor(val)) // 常规写法console.log(~~val) // 简写复制代码18.math.pow 简写
math.pow(2, 3) // 8// 简写2 3 // 8复制代码19.将字符串转换为数字
const num1 = parseint('100')// 简写console.log( "100")console.log( "100.2")复制代码20.&& 运算
let value = 1;if (value === 1) console.log('value is one')//or in short value && console.log(

阿里云服务器开启镜像
请问是哪里不符哪里需要修改才能通过验证备案类型
阿里云服务器ecs搭建svn
域名提到的非法文件昨天下午就删了
竞价推广成本高!做seo网站推广有什么优势?
网站被攻击了现在打不开了
买阿里云服务器做什么的
云服务器 租借