js执行异常处理 箭头函数 正则表达式

JS代码执行过程中,可能会出现异常

try-catch-finally

try块包含可能抛出异常的代码,catch块包含处理异常的代码。finally 块始终执行,无论是否抛出异常。

 try代码块出现异常 执行catch代码块     finally不管try代码有无异常  都会执行finally里面的代码

 <div class="box">1111</div>
try {const arr = [1, 2, 3]// arr.charAt(1)const txt = ''if (txt.trim() === '') {throw new Error('用户名不能为空')}} catch (e) {console.dir(e)} finally {console.log('肯定会执行')}console.log(111)

 正则表达式 就是一种规则的的表达式,书写一段规则,用于匹配一段字符串是否符合规则

字面量方式,其由包含在斜杠之间的模式组成, var re = /ab+c/

构造函数方式,调用RegExp对象的构造函数,var re = new RegExp("ab+c")

const reg = /a/  // 判断字符串是否有a
console.log(reg.test('bcd')) // false
console.log(reg.test('bcda')) // true

正则的元字符

正则的表达式的符号由哪些组成?
1.元字符  正则表达式的规则符号
2.修饰符  修饰整个正则表达式的符号

\d 代表0-9任意一个数字

const reg = /[0-9]/console.log(reg.test('bcd'))//falseconsole.log(reg.test('bc1d'))//true

 \w代表字母 数字 下划线任意字符

const reg2 = /\w/console.log(reg2.test('bcd'))//trueconsole.log(reg2.test('?'))//false

\s 匹配一个空白字符

const reg3 = /\s/console.log(reg3.test('bcd')) // falseconsole.log(reg3.test('? ')) // true

.^ ------ 表示开头
.$ ------ 表示结尾

      const reg = /^js/ //以js开头console.log(reg.test('jsdom'))//trueconsole.log(reg.test('htmlcssjs'))//falseconst reg2 = /js$/ //以js结尾console.log(reg2.test('jsdom')) // falseconsole.log(reg2.test('htmlcssjs')) //  trueconst reg3 = /^js$/ // 精确匹配console.log(reg3.test('jsdom')) // falseconsole.log(reg3.test('htmlcssjs')) //  falseconsole.log(reg3.test('jsjs')) //  falseconsole.log(reg3.test('js')) //  true

*表示重复次数为任意次

const reg = /^z*$/console.log(reg.test(''))//trueconsole.log(reg.test('dss'))//falseconsole.log(reg.test('zzzzzz'))//true

 + 至少出现1次

 const reg2 = /^z+$/console.log(reg2.test('')) //  falseconsole.log(reg2.test('dss')) // falseconsole.log(reg2.test('z')) // true

? 出现1次或0次

 const reg3 = /^z?$/console.log(reg3.test('')) //  trueconsole.log(reg3.test('dss')) // falseconsole.log(reg3.test('z')) // trueconsole.log(reg3.test('zz')) // false

{n} 重复n次

const reg4 = /^z{2}$/console.log(reg4.test('')) //  falseconsole.log(reg4.test('dss')) // falseconsole.log(reg4.test('z')) // falseconsole.log(reg4.test('zz')) // true

{n,} 至少n次

  const reg5 = /^z{2,}$/console.log(reg5.test('')) //  falseconsole.log(reg5.test('dss')) // falseconsole.log(reg5.test('z')) // falseconsole.log(reg5.test('zz')) // trueconsole.log(reg5.test('zzz')) // true

{n,m} 重复次数n~m

const reg6 = /^z{2,4}$/console.log(reg6.test('')) //  falseconsole.log(reg6.test('dss')) // falseconsole.log(reg6.test('z')) // falseconsole.log(reg6.test('zz')) // trueconsole.log(reg6.test('zzz')) // trueconsole.log(reg6.test('zzzzz')) // false

 [] 范围 [abcd] 包含其中一个即可 [] 实际代表的就是 一位字符

    const reg = /^[xyz]$/console.log(reg.test('xx')) // falseconsole.log(reg.test('x')) //trueconsole.log(reg.test('m')) //  false

匹配数字 字母 或 下划线

const reg2 = /^[a-zA-Z_0-9]$/console.log(reg2.test('xx')) // falseconsole.log(reg2.test('x')) //trueconsole.log(reg2.test('m')) //  true

中括号的^表示取反

const reg4 = /^[^xyz]$/console.log(reg4.test('xx')) // falseconsole.log(reg4.test('x')) //falseconsole.log(reg4.test('m')) //  true

默认正则是惰性的,可以通过添加修饰符g来全部匹配

      let str = '今年是tmd个好日子,zaijian,学好js,zaijian,TMD,tMd'str = str.replace(/zaijian/gi, '**')console.log(str)//今年是tmd个好日子,**,学好js,**,TMD,tMd

let const var 区别

1  是否允许重复定义 2  是否有块级作用域 3  是否存在变量提升  4  暂时性死区        5 const定义的常量不能重新赋值

模版字符串

 const age = 10,name = 'fe-school'
const str = '${name}-${age}'function handleStr(str) {str = str.replace(/\$\{([^}]+)\}/g, function (matched, val) {console.log(matched)console.log(val, typeof val)return eval(val)})return str}console.log(handleStr(str))//fe-school-10

 箭头函数 用=>把()和{}连在一起,语法更简洁

function f() {console.log('我是函数')}// const f = function() {console.log(...)}
const f = () => {console.log('我是箭头函数')}f()

当只有一条return语句,{}和return可以一起省略

 const getSum = (x, y) => {return x + y}const getSum = (x, y) => x + yconsole.log(getSum(3, 4))

当只有一条return语句 并且返回的是一个对象,把这个对象用()包裹起来  

const fn = () => ({a: 1,})console.log(fn())

形参只有一个,小括号可以省略,其余情况全部要加()箭头函数和普通函数区别

const f2 = (x) => x * 2 // (x)=> {return x *2}const f2 = x => x * 3console.log(f2(6))const f3 = (x) => (x) => x * 2f3 = x => {return x => {return x*2}}f3 =  function(x)  { return function(x) { return x * 2}}const f3 = (x) => (x) => x * 2console.log(f3(6)(3))//6

1  箭头函数没有this,它内部this由所处作用域(上下文)决定,call/apply/bind也不能改变箭头函数this

2  箭头函数没有arguments,普通函数有

3  箭头函数不能new

 const fun = () => {console.log(this)//window// console.log(arguments) //  报错 箭头函数没有arguments}const obj = {a: 1,f: () => {//  this === objconst fn = () => {console.log(this)}fn()},}fun(1, 2)// new fun()//fun is not a constructorobj.f.call(obj)//window

数组解构

const [name, age, o] = ['longge', 30, { a: 10 }]console.log(name, age, o.a)//longge 30 10var x = 1,y = 2var [y, x] = [x, y]console.log(x, y)//2 1var[x, [y], z] = [1, [2.1, 2.2]]console.log(x, y, z)//1 2.1 undefined
 let x = 1,y = 2;[y, x] = [x, y]console.log(x, y)//2 1

对象解构

1  属性可以无序  2  默认接受属性名的变量名与属性名相同 3 可以通过旧属性名:新变量名

  const {age: newAge,uname,girlFriend: { username },} = {uname: '李新浩',age: 12,girlFriend: {age: 11,username: 'lisi',},}console.log(uname, newAge)//李新浩 12console.log(username)//lisi

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/177251.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

NX二次开发UF_CURVE_convert_conic_to_gen 函数介绍

文章作者&#xff1a;里海 来源网站&#xff1a;https://blog.csdn.net/WangPaiFeiXingYuan UF_CURVE_convert_conic_to_gen Defined in: uf_curve.h int UF_CURVE_convert_conic_to_gen(UF_CURVE_conic_p_t conic_data, UF_CURVE_genconic_t * gen_conic_data ) overview 概…

给定序列a,选k个数排成一排,从左往右扫,如果当前数小于上一个数,那么当前数变成上一个数,然后形成最后的序列,问形成的序列有多少种

题目 #include<bits/stdc.h> using namespace std; #define int long long const int maxn 3005, mod 1e9 7; int a[maxn], b[maxn], cnt_low[maxn];//cnt_low[i]表示小于i的数字个数 int sum[maxn][maxn];//前缀和 int f[maxn][maxn];//f[i][j]表示选了i个数&#x…

第二十章——多线程

Windows操作系统是多任务操作系统&#xff0c;它以进程为单位。一个进程是一个包含有自身地址的程序&#xff0c;每个独立执行的程序都称为进程。也就是说每个正在执行的程序都是一个进程。系统可以分配给每一个进程有一段有限的使用CPU的时间&#xff08;也可以称为CPU时间片&…

中非市场开发攻略,走进非洲唯一废除死刑的国家

中非共和国是位于非洲中部的一个国家&#xff0c;是世界最不发达国家之一&#xff0c;经济以农业为主&#xff0c;工业基础薄弱&#xff0c;80%以上的工业品靠进口&#xff0c;中国是其重要的贸易伙伴之一。今天就来跟大家聊聊中非市场的开发攻略。文章略长&#xff0c;大家点赞…

2311d,d运行时勾挂

原文 上周,我开始转换_d_arrayliteralTX为模板.勾挂有点类似_d_newarrayT,因为用它来分配数组字面,如[1,2,3]. 注意,与也会初化新创建数组的_d_newarrayT不同,_d_arrayliteralTX只是为它分配内存.来限制传递给勾挂的参数数. 如果它也要初化数组,它必须按额外变参接收内容.我坚持…

E云管家微信群聊机器人开发

请求URL&#xff1a; http://域名地址/modifyGroupRemark 请求方式&#xff1a; POST 请求头Headers&#xff1a; Content-Type&#xff1a;application/jsonAuthorization&#xff1a;login接口返回 参数&#xff1a; 参数名必选类型说明wId是String登录实例标识chatRo…

Linux学习笔记6-串口应用

到现在为止都是在开发板上运行的裸机程序&#xff0c;相当于之前学习STM32单片机时走过的路&#xff0c;还没有真正进入到核心的驱动开发部分&#xff0c;但这都是基础&#xff0c;所以慢慢来不着急。 接下来进入串口通信的学习&#xff0c;和GPIO一样&#xff0c;也是和单片机…

Docker Swarm总结+service创建和部署、overlay网络以及Raft算法(2/5)

博主介绍&#xff1a;Java领域优质创作者,博客之星城市赛道TOP20、专注于前端流行技术框架、Java后端技术领域、项目实战运维以及GIS地理信息领域。 &#x1f345;文末获取源码下载地址&#x1f345; &#x1f447;&#x1f3fb; 精彩专栏推荐订阅&#x1f447;&#x1f3fb;…

全新爱蜗影视优码双端影视源码v9.1/影视视频APP源码+支持代理/在线支付+支持对应苹果CMS

源码简介&#xff1a; 这个是最新爱蜗影视优码双端影视源码&#xff0c;作为实用方便的影视视频APP源码&#xff0c;它不仅支持代理/在线支付&#xff0c;而且也支持对应苹果CMS。 爱蜗影视优码双端影视支持对应苹果CMS支持代理在线支付 带图文教程&#xff0c;全新美化多功能…

统信UOS上使用localsend传输文件

原文链接&#xff1a;统信UOS上使用localsend传输文件及文件夹方法 hello&#xff0c;大家好&#xff0c;今天带给大家一个全新的主题&#xff1a;在统信UOS上如何高效使用 localsend 软件进行文件和文件夹的传输。这篇文章将为您提供详细的指导和操作步骤&#xff0c;让您能够…

Couchdb 命令执行漏洞复现 (CVE-2017-12636)

Couchdb 命令执行漏洞复现 &#xff08;CVE-2017-12636&#xff09; 1、下载couchdb.py 2、修改目标和反弹地址 3、Python3调用执行即可 couchdb.py文件下载地址: https://github.com/vulhub/vulhub/blob/master/couchdb/CVE-2017-12636/exp.py ‍ 在VULFocus上开启环境 …

Java之面向对象《ATM自动取款机》

一、前言&#xff1a; 关于上次我写的博客文章中"Java之《ATM自动取款机》(面向对象)"&#xff0c;里面还不够完善&#xff0c;因为在各个服务功能相互跳转时&#xff0c;会出现混乱问题。这次我对其进行了修改和改进&#xff0c;若还有其它在大家测试时出现的bug请及…

Linux网络

Linux网络 1、Linux网络配置文件 ​ 查看第一张网卡的网卡信息&#xff1a; [rootlocalhost yum.repos.d]# cat vi /etc/sysconfig/network-scripts/ifcfg-ens33 cat: vi: 没有那个文件或目录 TYPEEthernet PROXY_METHODnone BROWSER_ONLYno BOOTPROTOstatic DEFROUTEyes I…

HarmonyOS-Service服务开发(一)

文章目录 创建新项目启动Serviceets获取service的bundleName DataAbility开发指导开发Data步骤创建Data 创建新项目 ServiceAbility开发指导 在config.json中也有配置出现 启动Service ets获取service的bundleName 项目的bundleName service的bundleName 这里serviceAbil…

vs2019 - MFC对话框程序的工程名称不支持下划线命名法

文章目录 vs2019 - MFC对话框程序的工程名称不支持下划线命名法概述笔记备注END vs2019 - MFC对话框程序的工程名称不支持下划线命名法 概述 正在写账单分析程序, 用MFC 对话框. 因为比较习惯下划线命名法, 就在向导中给工程名称起了一个my_test这样的名称(下划线命名法, 小…

车载通信架构 —— 传统车内通信网络CAN(可靠性为王)

车载通信架构 —— 传统车内通信网络CAN(可靠性为王) 我是穿拖鞋的汉子,魔都中坚持长期主义的汽车电子工程师。 老规矩,分享一段喜欢的文字,避免自己成为高知识低文化的工程师: 屏蔽力是信息过载时代一个人的特殊竞争力,任何消耗你的人和事,多看一眼都是你的不对。非…

antv/g6的学习总结

新建一个简单实例 1、使用命令行在项目目录下执行以下命令 cnpm install --save antv/g6 2、创建容器 <div id"mountNode"></div> 3、在需要用的 G6 的 JS 文件中导入 import G6 from antv/g6; 4、 数据准备 引入 G6 的数据源为 JSON 格式的对象。…

mysql 计算同比、环比,查询结果拼接成列、行、

一、理论 国家统计局同比、环比计算公式 增长速度是反映经济社会某一领域发展变化情况的重要数据&#xff0c;而同比和环比是反映增长速度最基础、最核心的数据指标&#xff0c;也是国际上通用的指标。在统计中&#xff0c; 同比和环比通常是同比变化率和环比变化率的简称&…

手把手教会你--渗透实战--最开始的靶机演示--项目二:Lampiao

有什么问题&#xff0c;请尽情问博主&#xff0c;QQ群796141573 前言。。。知识1.1 开头介绍1.2 22/80端口1.3 nmap1.4 IP地址1.5 开启靶机--网络模式1.6 信息收集(1) 查看源代码(2) 查看常见漏洞(3) 随便点一点\改一改 1.7 robots.txt。。。实战1.1 确定目标(1) 查看自己的ip地…

UData+StarRocks在京东物流的实践 | 京东物流技术团队

1 背景 数据服务与数据分析场景是数据团队在数据应用上两个大的方向&#xff0c;行业内大家有可能会遇到下面的问题&#xff1a; 1.1 数据服务 烟囱式开发模式&#xff1a;每来一个需求开发一个数据服务&#xff0c;数据服务无法复用&#xff0c;难以平台化&#xff0c;技术…