---
description: 本站常用的圖示與其意義
---

# 圖例

{% tabs %}
{% tab title="圖例" %}
<table data-header-hidden><thead><tr><th width="219.5">圖示</th><th>意義</th></tr></thead><tbody><tr><td>圖示</td><td>意義</td></tr><tr><td> 🅿️</td><td>protocol</td></tr><tr><td><span data-gb-custom-inline data-tag="emoji" data-code="2198">↘️</span> </td><td>protocol inherited by child protocol, protocol comformed by type</td></tr><tr><td><span data-gb-custom-inline data-tag="emoji" data-code="2196">↖️</span> </td><td>child protocol inherits from protocol, type comforms to protocol</td></tr><tr><td><span data-gb-custom-inline data-tag="emoji" data-code="1f300">🌀</span> </td><td>extension</td></tr><tr><td>🔸</td><td>enum</td></tr><tr><td><span data-gb-custom-inline data-tag="emoji" data-code="21a9">↩️</span> </td><td>return type</td></tr><tr><td><span data-gb-custom-inline data-tag="emoji" data-code="1f6a9">🚩</span> </td><td>designated initializer</td></tr><tr><td><span data-gb-custom-inline data-tag="emoji" data-code="1f512">🔒</span> </td><td>let variable</td></tr><tr><td><span data-gb-custom-inline data-tag="emoji" data-code="1f522">🔢</span> </td><td>computed property</td></tr><tr><td><span data-gb-custom-inline data-tag="emoji" data-code="2747">❇️</span> </td><td>override</td></tr><tr><td><span data-gb-custom-inline data-tag="emoji" data-code="1f3a9">🎩</span> </td><td>generic</td></tr></tbody></table>
{% endtab %}

{% tab title="畫格子" %}
```
// files
root
  ├ index
  ├ style
  └ app ──┬ calc
          ├ css
          └ Calculator

// elseif
if ──┬─ case 1
     └─ else if ─┬─ case 2
                 └─ else if ─┬─ case 3
                             └─ else: case 4

// binary tree
    ┌─ then
if ─┥          ┌─ then 
    └─ else if ┥
               └─ else
```
{% endtab %}
{% endtabs %}
