wncf's blog wncf's blog
首页
书签
  • JavaScript
  • vue
  • css
  • 收藏正则
  • 分类
  • 标签
  • 归档
关于
GitHub (opens new window)

wncf

编写代码并热爱生活
首页
书签
  • JavaScript
  • vue
  • css
  • 收藏正则
  • 分类
  • 标签
  • 归档
关于
GitHub (opens new window)
  • JavaScript总结

    • javascript面试题
    • 数据类型判断
    • js一些技巧
      • js一些技巧
    • 正则表达式
    • 常用的数组方法
    • 对象常用的方法
    • typeScript
    • js常用库
    • 浏览器常用api
    • js常用工具函数
    • 三级目录

  • css总结

  • 其他

  • 前端
  • JavaScript总结
wncf
2022-02-09
目录

js一些技巧

# js一些技巧

# 1. 事件只响应一次

element.addEventListener("click",()=>{console.log("I run only once"),{
	once:true
}})

# 2.复制到剪贴板

使用 clipboard

function copy(text){
	navigator.clipboard.writeText(text)
}

# 3. 实用判断语句

如果想判断条件为true时执行函数,则可以使用 &&简写

if(condition){doSomething()} //原始写法
condition && doSomething() //现有写法

为虚值给空值 非常常用

const data = result.data.arry|| [] //如果为空,将空数组赋值给data

如果不进行判断,一旦返回为空,data为undeined ,在后续执行一些方法时就会报错阻塞代码执行

# 4. 交换变量的值

let a=1,b=2;
[a,b]=[b,a]
console.log(a,b) //2,1

# 5.获取变量的类型

const ifTypeOf = (obj) => Object.prototype.toString.call(obj).slice(8, -1).toLowerCase()

# 6.在指定位置截取之前或者之后的字符串

const str = 'hellow_world'
str.substring(str.indexOf('_')+1) //word
str.substring(str.indexOf('_'), -1) //hello
编辑 (opens new window)
上次更新: 2022/05/28, 10:34:23
数据类型判断
正则表达式

← 数据类型判断 正则表达式→

最近更新
01
腾讯云宝塔自动化部署方案
03-22
02
vscode格式化
12-11
03
github使用问题与解决方案
09-16
更多文章>
Theme by Vdoing | Copyright © 2022-2023 Wncf | MIT License
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式