確認ダイアログを作っています。jQueryの文法について

jQuery
1$(function(){
2  $('.task').on('click', function() {
3    if(!confirm('いいですか？')) {
4    return false;
5   };
6  });
7});
8

こちらの確認ダイアログを作るjQueryのコードなのですがconfirmの前にある「!」は何を意味しているのでしょうか？

またこちらのif文にはelseが存在しない仕様になっていますが、こういう書き方もありなのでしょうか？

行動規範の内容に同意します

回答2件

confirm関数はokボタン, キャンセルボタンとメッセージを持つダイアログを表示する関数で、okがクリックされたらtrue, キャンセルがクリックされたらfalseが返され、引数にはダイアログに表示する文字列を指定できます。そのため、論理否定演算子(!)でconfirm関数の返り値の結果の意味を逆にすると、okがクリックされたらfalse, キャンセルがクリックされたらtrueとなり、キャンセルされたときになにをするかを質問文にあるコードのように記述できます。

HTML
1<!DOCTYPE html>
2<html lang="ja">
3<head>
4    <meta charset="UTF-8">
5    <title>タイトル</title>
6    <style type="text/css">
7        * {
8            margin: 0;
9            padding: 0;
10        }
11    </style>
12</head>
13<body>
14<span class="task">テキスト</span>
15<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
16<script>
17    $(function () {
18        $(".task").on("click", function () {
19            if (!confirm("いいですか？")) {
20                return false;//キャンセルがクリックされたとき。
21            } else {
22                alert("okがクリックされました。");//okがクリックされたとき。
23            }
24        });
25    });
26</script>
27</body>
28</html>