本文完整阅读约需 4 分钟,如时间较长请考虑收藏后慢慢阅读~

尽管由于工作需要,我不得不写大量的前端代码,但我依旧没有胆量自诩『前端程序员』,也并未花多数精力在钻研前端上。当alert()与其不甚知名的两个兄弟走入我的世界之时,我竟然有点惊喜,因为我又学到了更多的Tricks,又可以“偷懒”了!

说是偷懒,倒不如说是杜绝重复造轮子更适合,因为接下来我要介绍的这三兄弟可以实现目前几乎所有成熟前端框架费劲心思实现的功能:弹窗提示。

想必大家已经猜到我想要介绍的三位之一,我也不卖关子,一口气将这三兄弟介绍给各位:

alert("我能吞下玻璃而不伤身体!");
confirm("你能吞下玻璃而不伤身体吗?");
prompt("你可以吞下什么而不伤身体?");
// 准确来说是window.alert() window.confirm()与window.prompt(),但是目前所有主流浏览器都默认window为全局作用域,因此可以在此省略掉(大部分时候我们也的确是这样干的)

alert()是我们写前端过程中的老常客了,当我们想偷懒,不想使用第三方UI库那庞大、臃肿的弹框时(尽管比较好看),alert()总能帮助我们简单高效的实现『逼用户看点东西』的功能。

confirm()则能帮助我们完成『逼用户进行Yes or No的选择』,其通常使用方法是这样的:

if (confirm("你能吞下玻璃而不伤身体吗?")) {
    alert("那你很棒棒喔");
} else {
    alert("巧了,我也不能");
}

根据个人编码习惯的差异,confirm()也可以赋值给一个变量,该函数返回类型为Boolean。

prompt()则可以帮助我们做到『逼用户回答问题』,使用方法如下:

var answer = prompt("你可以吞下什么而不伤身体?");
if (answer === "玻璃") {
    alert("答对了,你很棒棒!");
} else {
    alert("你怎么这么cxk,连玻璃都不知道?");
}

相信有了这三兄弟助阵,我这位半吊子前端一定能在摸鱼之路上更进一步(误),也希望这篇文章能够帮助大家学到一些教程or书籍中所没有提及的小Trick~