js如何抛异常,抛自定义的异常

js如何抛异常,抛自定义的异常

最简单的自定义异常 throw "hello"

来自chrome123的控制台的测试

js 复制代码
throw "hello"
VM209:1 Uncaught hello
(匿名) @ VM209:1
try{ throw "hello";}catch(e){console.log(e);}
VM338:1 hello
undefined

示例1

js 复制代码
try{ throw "异常" }                                                catch(e){ console.log(e); }
try{ throw "Hello World" }                                         catch(e){ console.log(e); }
try{ throw 123456 }                                                catch(e){ console.log(e); }
try{ throw new Error("自定义异常名") }                             catch(e){ console.log(e); }
try{ throw new Array(1,2,3,4,5,6,7 ) }                             catch(e){ console.log(e); }
try{ throw {n:"Object", v:"抛对象"} }                              catch(e){ console.log(e); }
try{ throw new Promise(f=>f("抛Promise")).then(v=>console.log(v)) }catch(e){ console.log(e); }

控制台输出

在JavaScript中,你可以使用throw语句来抛出一个异常。这个异常可以是任何类型的JavaScript值,但通常我们会使用Error对象或它的子类来抛出异常。

如果你想抛出一个自定义的异常,你可以创建一个新的Error对象,并给它提供一个描述性的消息。下面是一个例子:

javascript 复制代码
throw new Error('这是我的自定义异常');

你也可以通过创建一个继承自Error的自定义类来抛出更复杂的异常。例如:

javascript 复制代码
class CustomError extends Error {
  constructor(message) {
    super(message);
    this.name = 'CustomError';
  }
}

throw new CustomError('这是我的自定义异常');

在这个例子中,我们创建了一个名为CustomError的新类,它继承自Error。我们在构造函数中调用了super()来调用父类的构造函数,并设置了一个自定义的name属性。然后,我们可以像使用普通的Error对象一样使用这个新的CustomError类来抛出异常。

注意,当你抛出一个异常时,当前的执行流程会被立即停止,并且控制权会被转移到最近的catch块(如果存在的话)。如果没有catch块来处理这个异常,那么程序就会终止并显示一个错误消息。因此,你应该确保你的代码中有适当的错误处理机制来捕获和处理这些异常。

相关推荐
放逐者-保持本心,方可放逐几秒前
SSE 流式场景应用 及 方案总结
javascript·axios·fetch·eventsource
白云~️19 分钟前
uniappX 移动端单行/多行文字隐藏显示省略号
开发语言·前端·javascript
小华同学ai44 分钟前
vue-office:Star 4.2k,款支持多种Office文件预览的Vue组件库,一站式Office文件预览方案,真心不错
前端·javascript·vue.js·开源·github·office
问道飞鱼1 小时前
【前端知识】强大的js动画组件anime.js
开发语言·前端·javascript·anime.js
k09331 小时前
vue中proxy代理配置(测试一)
前端·javascript·vue.js
若川2 小时前
Taro 源码揭秘:10. Taro 到底是怎样转换成小程序文件的?
前端·javascript·react.js
IT女孩儿2 小时前
JavaScript--WebAPI查缺补漏(二)
开发语言·前端·javascript·html·ecmascript
@解忧杂货铺7 小时前
前端vue如何实现数字框中通过鼠标滚轮上下滚动增减数字
前端·javascript·vue.js
真的很上进12 小时前
如何借助 Babel+TS+ESLint 构建现代 JS 工程环境?
java·前端·javascript·css·react.js·vue·html
噢,我明白了15 小时前
同源策略:为什么XMLHttpRequest不能跨域请求资源?
javascript·跨域