iT邦幫忙

2021 iThome 鐵人賽

DAY 9
0
Modern Web

初學者跪著學JavaScript系列 第 9

初學者跪著學JavaScript Day9 : 讓我困惑的Literals

一日客語:中文拜拜 客語:嘎子

Literal 是最近讓我困惑的字,Literal到底是指?

之前對我來說認為
“wendy”是String
123 是number

為何又會寫 number literal,String literal 各種+Literal,尤其看英文內容很常看到literal

Literal:書籍翻字面值,google翻譯會是文字

在寫BigInt和Symbol時才知道,BigInt 有 literal , Symbol沒有literal覺得自己對 literal很無知


來源:webopedia

於是上網查Literal 到底是什麼意思,居然也有人問這個問題,根本同道中人~原來不是只有我有疑問
在知乎:

在Stack Overflow:

先來看看mdn解釋:
Literals represent values in JavaScript. These are fixed values—not variables—that you literally provide in your script. This section describes the following types of literals
看完mdn還是不懂QQ

山不轉路轉,找找其他語言對這個描述,找Java


Note: We can’t change the value inside the literal during the program execution.

In conclusion, Literals in Java are useful to provide values to the variables. We can assign the values to the variables according to their data types. There are 6 types of literals in Java but the null literal is not much used but can be considered as a literal.

Literals 提供值給變數,再根據變數為賦予他們資料型態


Literal 不是變數是資料值,Literals在JavaScript中是表示值的一種呈現方式,可以不需要任何類型的關鍵字來指定,尤其程式碼中初始化變數的時候會經常被使用到

這是我自己理解的樣子

這個Literal 可以是數值、字串、浮點數值、布林值、object

literals有哪些呢?

  • Numeric literals
  • Floating-point literals
  • String literals
  • Object literals
  • Array literals
  • Boolean literals
  • RegExp literals
  • BigInt literals(mdn 沒有寫)

Numeric Literal

JS主要的數值型別為number
當數字出現在程式碼中會被當作是Numeric Literal(數值字面值)

數字會被當作數值字面值,數值字面值加負號當作負數

  • 十進位 decimal literal(base 10) 等於整數字面值 Integer Literals
    3
    100
    5000000

  • 十六進位 hexadecimal literal(base 16):0x or 0X 開頭
    ex: 0x45fff

  • 八進位 octal literal(base 8) :0O/0o 開頭
    ex: 0o117

  • 二進位 binary literal(base 2) :0b開頭
    ex: 0b101 =>3

Floating-point literals

浮點數會有小數點 .


3.14159 //浮點數字面值
-135.364 // 負浮點數字面值
6.02e23 // 6.02*10的23次方

String literals

使用" "雙引號''單引號

"wendy"
'wendy'

Object literals

使用:{ }

const  myObject = { fruit:'apple',eat:eat() };

Array literals

0個或多個元素由[ ] 包住
使用Array literals 建立array會對 [ ]內的元素進行初始化

const fruit = ["apple",3]

Boolean literals

true or false

RegExp literals

正則表達式
const reg = /d(b+)d/;

再次跪下

這次畫的很棒~

webopedia
studytonight-JavaScript Literals and Keywords
知乎:如何理解Javascript中的字面量(literal)?
Java Literals – Concept Every Java Programmer Must Know


上一篇
初學者跪著學JavaScript Day8 : 資料型別:BigInt
下一篇
初學者跪著學JavaScript Day10 : Expressions 表達式/運算式 和Statement 述句
系列文
初學者跪著學JavaScript30
0
南國ㄟ安迪
iT邦新手 5 級 ‧ 2021-09-24 10:32:30

原來如此
/images/emoticon/emoticon24.gif

wendy iT邦新手 5 級 ‧ 2021-09-25 13:11:22 檢舉

對啊對啊

0
Chiahsuan
iT邦新手 5 級 ‧ 2021-09-24 11:42:42

有趣~完全沒想過/images/emoticon/emoticon12.gif

wendy iT邦新手 5 級 ‧ 2021-09-25 13:11:46 檢舉

嘿嘿

0
Hooo
iT邦新手 5 級 ‧ 2021-09-24 13:35:37

必須為今天的畫鼓掌/images/emoticon/emoticon34.gif

wendy iT邦新手 5 級 ‧ 2021-09-25 13:11:39 檢舉

謝謝你的支持

我要留言

立即登入留言