2022-04-15 js基礎第一天

js是什么

前端的唯一的腳本編程語言暇赤,vue 摹迷,react都是基于js的

js的組成

js的組成

js的書寫位置

image.png

內聯(lián)js代碼寫在標簽內部

內部js寫在html(script標簽內)文件中,script標簽一般寫在結束body的上面

外部js 使用 <script src="路徑"></script > 引入

js注釋

image.png

js結束符

image.png

image.png
image.png

js輸入輸出語句

js輸出輸入語句

document.write("要輸出的語句")向body輸出內容 孤荣,如果輸出的是html標簽也會解析 成網頁元素

alert("要輸出的內容")頁面彈出警告框

consle.log("控制臺打印") 程序員調試專用

變量

變量就是用來儲存數據的"容器"甸陌,它使計算機具有了記憶力

變量的基本使用

定義了一個變量后,你就可以初始化它(賦值)盐股,在變量名之后跟上一個等號 = 就是賦值 注意:是通過變量名來獲得里面的數據

變量的基本使用.png

語法

let 變量名=值钱豁;

更新變量

變量賦值之后,可以通過簡單的給他一個不同的值來更新他 注意 let 不允許多次聲明同一個變量

聲明多個變量

let 變量名=值, 變量名=值疯汁;

數據類型

基本數據類型

number 數字型 可以取整數 負數 小數
string 字符串型 通過單引號'' 雙引號"" 反引號``包裹的數據都是字符串類型
boolean 布爾型 只有 true 和false 兩個值 一般用于判斷
undefined 未定義型 比較特殊的的類型 只有一個一個值undefined 在值聲明變量牲尺,但是不賦值的情況下,變量默認為undefined 幌蚊,一般很少直接為某個值賦值為undefined
null 空 null表示賦值了但是內容為空

補充

引用數據類型

object 對象
function 函數
array 數組

模板字符串的使用

作用:更便捷的拼接字符串和變量
1.使用反引號 ``包裹內容
2.在內容拼接變量時 谤碳,使用¥{} 包住變量

檢測數據類型

通過typeof 關鍵字 檢測數據類型

typeof檢測數據類型.png

轉換數據類型

隱式轉換


隱式轉換.png

顯示轉換

轉換數字型

1.Number(數據) 注意:js嚴格遵循字母的大小寫 首字母大寫
轉換為數字類型
如果字符串內容里有 非數字,轉換失敗結果為NaN 既不是一個數字
NaN也是number類型的數據霹肝,代表非數字
2parseInt(數據)
只保留整數
3.parseFloat(數據)
可以保留小數
注意點: parseInt() parseFloat() 【parse解析的意思: 只要傳入的數據是以數字開頭的估蹄,就能解析成功,返回值為第一個數字直到碰到非數值為止沫换; 比如 parseInt("123aa") ;返回 123】

轉換為字符串類型

string(數據)
toString(進制) 注意:一般默認為十進制 所以不需要填寫

?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市最铁,隨后出現(xiàn)的幾起案子讯赏,更是在濱河造成了極大的恐慌,老刑警劉巖冷尉,帶你破解...
    沈念sama閱讀 221,695評論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件漱挎,死亡現(xiàn)場離奇詭異,居然都是意外死亡雀哨,警方通過查閱死者的電腦和手機磕谅,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,569評論 3 399
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來雾棺,“玉大人膊夹,你說我怎么就攤上這事“坪疲” “怎么了放刨?”我有些...
    開封第一講書人閱讀 168,130評論 0 360
  • 文/不壞的土叔 我叫張陵,是天一觀的道長尸饺。 經常有香客問我进统,道長助币,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 59,648評論 1 297
  • 正文 為了忘掉前任螟碎,我火速辦了婚禮眉菱,結果婚禮上,老公的妹妹穿的比我還像新娘掉分。我一直安慰自己倍谜,他們只是感情好,可當我...
    茶點故事閱讀 68,655評論 6 397
  • 文/花漫 我一把揭開白布叉抡。 她就那樣靜靜地躺著尔崔,像睡著了一般。 火紅的嫁衣襯著肌膚如雪褥民。 梳的紋絲不亂的頭發(fā)上季春,一...
    開封第一講書人閱讀 52,268評論 1 309
  • 那天,我揣著相機與錄音消返,去河邊找鬼载弄。 笑死,一個胖子當著我的面吹牛撵颊,可吹牛的內容都是我干的宇攻。 我是一名探鬼主播,決...
    沈念sama閱讀 40,835評論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼倡勇,長吁一口氣:“原來是場噩夢啊……” “哼逞刷!你這毒婦竟也來了?” 一聲冷哼從身側響起妻熊,我...
    開封第一講書人閱讀 39,740評論 0 276
  • 序言:老撾萬榮一對情侶失蹤夸浅,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后扔役,有當地人在樹林里發(fā)現(xiàn)了一具尸體帆喇,經...
    沈念sama閱讀 46,286評論 1 318
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 38,375評論 3 340
  • 正文 我和宋清朗相戀三年亿胸,在試婚紗的時候發(fā)現(xiàn)自己被綠了坯钦。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 40,505評論 1 352
  • 序言:一個原本活蹦亂跳的男人離奇死亡侈玄,死狀恐怖婉刀,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情拗馒,我是刑警寧澤路星,帶...
    沈念sama閱讀 36,185評論 5 350
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響洋丐,放射性物質發(fā)生泄漏呈昔。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,873評論 3 333
  • 文/蒙蒙 一友绝、第九天 我趴在偏房一處隱蔽的房頂上張望堤尾。 院中可真熱鬧,春花似錦迁客、人聲如沸郭宝。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,357評論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽粘室。三九已至,卻和暖如春卜范,著一層夾襖步出監(jiān)牢的瞬間衔统,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,466評論 1 272
  • 我被黑心中介騙來泰國打工海雪, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留锦爵,地道東北人。 一個月前我還...
    沈念sama閱讀 48,921評論 3 376
  • 正文 我出身青樓奥裸,卻偏偏與公主長得像险掀,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子湾宙,可洞房花燭夜當晚...
    茶點故事閱讀 45,515評論 2 359

推薦閱讀更多精彩內容

  • 01-js初體驗 Document alert('hi~~~北京十級大風!!!!!'...
    菜鳥趙小白閱讀 249評論 0 1
  • 前端三大關鍵 Html----網頁骨架 CSS----網頁外貌 JS----網頁動作 JavaScript bro...
    JustinLaw閱讀 121評論 0 0
  • js的歷史 Nombas與ScriptEase 大概在 1992 年樟氢,一家稱作 Nombas 的公司開發(fā)了一種叫做...
    cj_jax閱讀 206評論 0 1
  • 一、js介紹 JavaScript是什么创倔?是一種通常運行在瀏覽器中(運行環(huán)境)的編程語言嗡害;可以用來實現(xiàn)人機交互效果...
    kc7閱讀 171評論 0 0
  • 一知押、js書寫位置 參考css,有三種鹃骂,其中內聯(lián)式不推薦 與css的區(qū)別: 內部式js寫在</body>標簽前面台盯,因...
    詭冰閱讀 74評論 0 0