テキストエリアから選択されたテキストを取得する方法について

Question

text()の引数であるコードの内容が分かりにくいです。
自分なりに調べてある程度は理解出来ていると思うのですが、
自信がないので添削して頂けないでしょうか。
よろしくお願い致します。
「改訂新版jQuery本格入門 P231 リスト6-8」のコードより。一部編集を加えています。

document.selection && 
  document.selection.createRange().text ||
    $(this)
      .val()
      .slice(this.selectionStart, this.selectionEnd)]

【追記・正しくコードを理解出来ているか不安な部分】
（論理和演算子の左辺が真の場合）
document.selection && document.selection.createRange().text
↓
Selectionオブジェクトが使えるならdocument.selection.createRange()によりRangeオブジェクトを取得し、
textプロパティから文字列を取得する。IEに対応しているかを問うコード。

（論理和演算子の左辺が偽の場合）
$(this).val()よりテキストエリアからテキストを取得し、
.slice(this.selectionStart, this.selectionEnd)で選択範囲を指定した上で文字列を生成する。

  const techr = $('#tech-r'); // ラジオボタンの選択(change)
  const techt = $('#tech-t'); // テキストの選択(select)

  // <form onsubmit="return false;">と同じ（フォームを送信しない）
  $('form').submit(function() { return false; });

  // ラジオブタンの選択が変更されたら
  $('form input[type="radio"]').change(function() {
    techr.text(this.value); // 選択されたラジオボタンの値を表示
  });

  // テキストが選択されたら
  $('form textarea').select(function() {
    techt
      .text(document.selection && // @@@@@@@@ 以下からが疑問のコード @@@@@@@
          document.selection.createRange().text ||
          $(this)
            .val()
            .slice(this.selectionStart, this.selectionEnd)
      );
  });

    <form>
      <fieldset>
        <legend>Web関連技術</legend>
        <input id="tech-h" name="tech" type="radio" value="HTML">
        <label for="tech-h">HTML</label>
        <input id="tech-c" name="tech" type="radio" value="CSS">
        <label for="tech-c">CSS</label>
        <input id="tech-j" name="tech" type="radio" value="JavaScript">
        <label for="tech-j">JavaScript</label>
        <input id="tech-f" name="tech" type="radio" value="Flash">
        <label for="tech-f">Flash</label>
      </fieldset>
      <fieldset>
        <legend>jQueryについて</legend>
        <textarea name="tech" cols="30" rows="3">
          jQueryはHTML文書に組み込んで利用されるJavaScriptライブラリです
        </textarea>
      </fieldset>
      <input type="submit" value="送信">
    </form>
    <table>
      <tr>
        <td>ラジオボタンの選択(change)</td>
        <td id="tech-r"></td>
      </tr>
      <tr>
        <td>テキストの選択(select)</td>
        <td id="tech-t" style="width: 10em;"></td>
      </tr>
    </table>

Answer 1

document.selection && 
  document.selection.createRange().text ||
    $(this)
      .val()
      .slice(this.selectionStart, this.selectionEnd)

document.selection は古いIEにあったプロパティで、現行のブラウザにはありません。現在は $(this).val().slice(this.selectionStart, this.selectionEnd) だけでよいです。