主頁 > 企業開發 > JS課堂筆記(4.11-4.16)

JS課堂筆記(4.11-4.16)

2023-04-22 07:47:38 企業開發

一、簡單了解JS

1. JavaScript(簡稱JS)是作為開發Web頁面的腳本語言,

2. JS是從1995年由網景公司的布蘭德開發,

3. JavaScript的標準是ECMAScript,

4. JS代碼是從上往下執行的,

 二、變數

1. 變數名的值可以重復賦值(值可以修改),變數可以重復宣告,

2. JS中“+”號很特殊,只要是和字串相加都會變成字串,

3. var宣告(var n = 1;),其中var是宣告關鍵字,n是變數名字,=是賦值號,1是值,

4. 變數規范:①名字可以包含字母,數字,_,$, ②名字不能以數字開頭,嚴格區分字母大小寫, ③名字不能使用關鍵字保留字,比如,var、if、for、in等,

5. JavaScript是輕量級解釋型語言,

6. JS必須寫在html頁面里的script標簽內,script標簽一旦使用src加載了外部JS檔案后,這個script標簽里就不能寫JS陳述句了,

<script   src="https://www.cnblogs.com/web-ShiWen/p/JS檔案路徑"></script>

7. JS有3種書寫方式:行內式、內嵌式、外部式

8. 警告框:alert;

輸入框:prompt;(輸入框里的內容永遠都是字串)

問詢框:confirm

9. 變數作用域:使用var宣告的變數表示是區域變數,它的有效范圍是當前作用域,

10. 特殊數值

JavaScript定義了幾個特殊的數值常量:
①Infinity:無窮大,當數值超過浮點型所能夠表示的范圍;反之,負無窮大為-Infinity,可以說無窮大表示數值達到了計算機理解不了的位數(長度),

②NaN:非數值,不等于任何數值,包括自己,如當0除以0時會回傳這個特殊值,一般出現在其他值想要轉化成數字的時候,有的值是無法轉成數字的用NaN表示,

③Number.MAX_VALUE:js中最大的數字1.7976931348623157e+308

④Number.MIN_VALUE:5e-324

三、資料型別

1.基本/基礎/原始/簡單資料型別:

null:表示空值,不占據計算機的存盤空間

undefined:表示變數定義了但未賦值

number:數字型別

string:字串型別

boolean:布林值型別(只有兩個值,true和false)

2.null和undefined的區別是什么?

null表示值是空的;undefined表示變數已定義但未賦值

3.使用var和不使用var宣告的變數有什么區別?

var宣告的變數只在當前作用域生效

不使用var宣告的變數全域生效

4.JS的特性之一:變數提升,將變數的宣告提升至當前JS檔案的最頂部,變數提升只是將宣告提升,值留在原地,

目的是為了減少非標準使用下的報錯,

5.JS的另一個特性——單執行緒,遇到報錯就停止,

6.字串必須使用單引號或雙引號

字串可以是空的字串

字串雙引號或單引號里可以嵌套另外一種字串的引號

字串里空格也是占位的

7.獲取字串的長度:console.log(變數名.length)

8.“\n”表示換行;“\”轉義符

四、判斷資料型別

1.typeof:語法 typeof 變數名

null和陣列型別會被判斷為object,NaN會被判斷為number,

2.constructor:語法 變數名.constructor

constructor是object的原型屬性,undefined和null沒有constructor屬性,不能夠直接讀取,否則會報錯,

3.toString:語法 toString()

toString可以檢測所有資料型別,它能夠回傳當前物件的字串表示,

4.測驗發現,不同型別物件呼叫toString()方法時回傳的字串格式并不統一,這是因為不同型別的子類在繼承object的原型方法toString時重寫了該方法,如果在物件上呼叫object的原型方法toString(),就會回傳統一格式的字串表示,例如:

var  a  =  1;

var  b  =  "你好";

var  c  =  null;

console.log(object.prototype.toString.apply(a));

表示為“[object   Number]”

5.資料型別轉換:隱式轉換和顯示轉換

隱式轉換:js自己做的型別轉換,+,-,*,/,%等都是隱式轉換,

顯示轉換:Number、toString、Boolean等js里內置的類都是顯示轉換,

6.轉換為小數格式字串:toFixed()

能夠把數值轉換為字串,并顯示小數點后的指定位數

7.parseInt是一個全域方法,它可以把值轉換為整數,轉換的程序如下:

①先決議位置0處的字符,如果不是有效數字,則直接回傳NaN

②如果位置0處的字符是數字,或者可以轉換為有效數字,則繼續決議位置1處的數字,如果不是有效數字,則直接回傳位置0處的有效數字,

③以此類推,按照從左到右的順序,逐個分析每個字符,知道發現非數字字符位置,

④parseInt()將把前面分析合法的數字字符全部轉換為數值并回傳,

注意:浮點數中的點對于parseInt()來說屬于非法字符,因此不會轉換小數部分的值,

8.parseFloat()也是一個全域方法,它可以把數值轉換為浮點數,即它能夠識別第一個出現的小數點,而第二個小數點被視為非法,決議程序與parseInt()方法相同,

9.簡單型別和參考型別:js中把資料分為簡單型別值和參考型別值

簡單型別值:存盤在堆疊記憶體中,按值訪問,可直接訪問,訪問速度快,占據空間小,

參考資料型別:存盤在堆記憶體中,由多個值組成的資料我們稱為參考資料型別(object,array),占據空間大,按共享訪問,

五、運算子

1.運算式一定會有回傳值:return

2.①“+、-、*、/、%”   數字運算子

②“>”大于號,求前面的值是否大于后面的值,

③“<”小于號,求前面的值是否小于后面的值,

④“>=”大于等于號,求前面的值是否大于等于后面的值,

⑤“<=”小于等于號,求前面的值是否小于等于后面的值,

⑥“!”非,取反,求反,

⑦“||”或,如果前面的值為true則不執行后面的,否則執行

⑧“&&”與,必須前后的值都為true,否則得到的是false

⑨“++”累加,每次給初始值+1

⑩“- -”累減,每次給初始值-1

3.三元運算語法:運算式或值  ?  為真的時候執行的結果  :   為假的時候執行的結果

三元運算有回傳值?

4.“++”在前和“++”在后的區別:++在前先計算后賦值,++在后先賦值后計算,

5.“,”運算子,用來一次宣告多個變數,

6.物件:無序資料的集合,使用鍵值對(屬性名和屬性值)的形式存盤資料,用一對花括號包裹,鍵值對之間用逗號隔開,

7.陣列:有序資料的集合,使用[ ]包裹值,每個值都是單獨的,多個值用逗號隔開,使用陣列里的資料用下標(索引)取,下標從0開始,

六、陳述句

1.陳述句規范

①分號“;”,請在每條可執行的陳述句后面添加分號,

②JavaScript會忽略多個空格,您可以向腳本添加空格,以增加可讀性,

③JavaScript陳述句可以用花括號組合在代碼塊中,

2.if . else陳述句:

if (){真的} else {假的}(if求真,判斷圓括號內的結果是不是真的,花括號表示代碼塊執行js陳述句的)

3.if和三元運算的區別:

①三元運算必須是“?”和“:”成對的;if可以單獨使用,

②三元運算有回傳值,if沒有,

4.switch:流程控制陳述句的有一種寫法,

語法:使用switch關鍵字呼叫,()里是匹配的值,匹配項是每一個case,寫在{}內,每個case都應該給break用于終止向下執行,如果沒有可匹配的項,最后應該給一個默認匹配項default,

5.switch、if和三元運算都是等同的一類語言,都是條件執行陳述句,語法不同,switch相對而言更加優雅,

轉載請註明出處,本文鏈接:https://www.uj5u.com/qiye/550808.html

標籤:JavaScript

上一篇:HTML input type="number" 隱藏默認的步進箭頭

下一篇:返回列表

標籤雲
其他(157818) Python(38089) JavaScript(25380) Java(17985) C(15215) 區塊鏈(8256) C#(7972) AI(7469) 爪哇(7425) MySQL(7135) html(6777) 基礎類(6313) sql(6102) 熊猫(6058) PHP(5869) 数组(5741) R(5409) Linux(5327) 反应(5209) 腳本語言(PerlPython)(5129) 非技術區(4971) Android(4555) 数据框(4311) css(4259) 节点.js(4032) C語言(3288) json(3245) 列表(3129) 扑(3119) C++語言(3117) 安卓(2998) 打字稿(2995) VBA(2789) Java相關(2746) 疑難問題(2699) 细绳(2522) 單片機工控(2479) iOS(2429) ASP.NET(2402) MongoDB(2323) 麻木的(2285) 正则表达式(2254) 字典(2211) 循环(2198) 迅速(2185) 擅长(2169) 镖(2155) 功能(1967) .NET技术(1959) Web開發(1951) HtmlCss(1919) python-3.x(1918) 弹簧靴(1913) C++(1910) xml(1889) PostgreSQL(1872) .NETCore(1854) 谷歌表格(1846) Unity3D(1843) for循环(1842)

熱門瀏覽
  • IEEE1588PTP在數字化變電站時鐘同步方面的應用

    IEEE1588ptp在數字化變電站時鐘同步方面的應用 京準電子科技官微——ahjzsz 一、電力系統時間同步基本概況 隨著對IEC 61850標準研究的不斷深入,國內外學者提出基于IEC61850通信標準體系建設數字化變電站的發展思路。數字化變電站與常規變電站的顯著區別在于程序層傳統的電流/電壓互 ......

    uj5u.com 2020-09-10 03:51:52 more
  • HTTP request smuggling CL.TE

    CL.TE 簡介 前端通過Content-Length處理請求,通過反向代理或者負載均衡將請求轉發到后端,后端Transfer-Encoding優先級較高,以TE處理請求造成安全問題。 檢測 發送如下資料包 POST / HTTP/1.1 Host: ac391f7e1e9af821806e890 ......

    uj5u.com 2020-09-10 03:52:11 more
  • 網路滲透資料大全單——漏洞庫篇

    網路滲透資料大全單——漏洞庫篇漏洞庫 NVD ——美國國家漏洞庫 →http://nvd.nist.gov/。 CERT ——美國國家應急回應中心 →https://www.us-cert.gov/ OSVDB ——開源漏洞庫 →http://osvdb.org Bugtraq ——賽門鐵克 →ht ......

    uj5u.com 2020-09-10 03:52:15 more
  • 京準講述NTP時鐘服務器應用及原理

    京準講述NTP時鐘服務器應用及原理京準講述NTP時鐘服務器應用及原理 安徽京準電子科技官微——ahjzsz 北斗授時原理 授時是指接識訓通過某種方式獲得本地時間與北斗標準時間的鐘差,然后調整本地時鐘使時差控制在一定的精度范圍內。 衛星導航系統通常由三部分組成:導航授時衛星、地面檢測校正維護系統和用戶 ......

    uj5u.com 2020-09-10 03:52:25 more
  • 利用北斗衛星系統設計NTP網路時間服務器

    利用北斗衛星系統設計NTP網路時間服務器 利用北斗衛星系統設計NTP網路時間服務器 安徽京準電子科技官微——ahjzsz 概述 NTP網路時間服務器是一款支持NTP和SNTP網路時間同步協議,高精度、大容量、高品質的高科技時鐘產品。 NTP網路時間服務器設備采用冗余架構設計,高精度時鐘直接來源于北斗 ......

    uj5u.com 2020-09-10 03:52:35 more
  • 詳細解讀電力系統各種對時方式

    詳細解讀電力系統各種對時方式 詳細解讀電力系統各種對時方式 安徽京準電子科技官微——ahjzsz,更多資料請添加VX 衛星同步時鐘是我京準公司開發研制的應用衛星授時時技術的標準時間顯示和發送的裝置,該裝置以M國全球定位系統(GLOBAL POSITIONING SYSTEM,縮寫為GPS)或者我國北 ......

    uj5u.com 2020-09-10 03:52:45 more
  • 如何保證外包團隊接入企業內網安全

    不管企業規模的大小,只要企業想省錢,那么企業的某些服務就一定會采用外包的形式,然而看似美好又經濟的策略,其實也有不好的一面。下面我通過安全的角度來聊聊使用外包團的安全隱患問題。 先看看什么服務會使用外包的,最常見的就是話務/客服這種需要大量重復性、無技術性的服務,或者是一些銷售外包、特殊的職能外包等 ......

    uj5u.com 2020-09-10 03:52:57 more
  • PHP漏洞之【整型數字型SQL注入】

    0x01 什么是SQL注入 SQL是一種注入攻擊,通過前端帶入后端資料庫進行惡意的SQL陳述句查詢。 0x02 SQL整型注入原理 SQL注入一般發生在動態網站URL地址里,當然也會發生在其它地發,如登錄框等等也會存在注入,只要是和資料庫打交道的地方都有可能存在。 如這里http://192.168. ......

    uj5u.com 2020-09-10 03:55:40 more
  • [GXYCTF2019]禁止套娃

    git泄露獲取原始碼 使用GET傳參,引數為exp 經過三層過濾執行 第一層過濾偽協議,第二層過濾帶引數的函式,第三層過濾一些函式 preg_replace('/[a-z,_]+\((?R)?\)/', NULL, $_GET['exp'] (?R)參考當前正則運算式,相當于匹配函式里的引數 因此傳遞 ......

    uj5u.com 2020-09-10 03:56:07 more
  • 等保2.0實施流程

    流程 結論 ......

    uj5u.com 2020-09-10 03:56:16 more
最新发布
  • JS課堂筆記(4.11-4.16)

    一、簡單了解JS 1. JavaScript(簡稱JS)是作為開發Web頁面的腳本語言。 2. JS是從1995年由網景公司的布蘭德開發。 3. JavaScript的標準是ECMAScript。 4. JS代碼是從上往下執行的。 二、變數 1. 變數名的值可以重復賦值(值可以修改),變數可以重復聲 ......

    uj5u.com 2023-04-22 07:47:38 more
  • HTML input type="number" 隱藏默認的步進箭頭

    HTML input type="number" 隱藏默認的步進箭頭 number 型別的 <input> 元素用于讓用戶輸入一個數字,其包括內置驗證以拒絕非數字輸入。 瀏覽器可能會選擇提供步進箭頭,讓用戶可以使用滑鼠增加和減少輸入的值,或者只需用指尖敲擊即可。但有些場景需要隱藏默認的步進箭頭。 要 ......

    uj5u.com 2023-04-22 07:47:14 more
  • 【資料中臺商業化】資料中臺微前端實踐

    我們設計目前的門戶基座,可以快速瀏覽各個平臺,同時串聯資料開發與管理的作業,減少用戶的試錯成本,提升作業效率。 ......

    uj5u.com 2023-04-22 07:46:58 more
  • 學系統集成專案管理工程師(中項)系列07_資訊(檔案)管理

    1. 資訊系統相關資訊(檔案) 1.1. 是指某種資料媒體和其中所記錄的資料 1.2. 永久性 1.3. 由人或機器閱讀 1.4. 僅用于描述人工可讀的東西 2. 分類 2.1. 開發檔案 2.1.1. 可行性研究報告和專案任務書 2.1.2. 需求規格說明 2.1.3. 功能規格說明 2.1.4. ......

    uj5u.com 2023-04-22 07:46:00 more
  • vue全家桶進階之路47:Vue3 Axios攔截器封裝成request檔案

    可以將Axios攔截器封裝成一個單獨的request檔案,以便在整個應用程式中重復使用。 以下是一個示例,展示如何將Axios攔截器封裝成一個request檔案: 1、創建一個名為request.js的新檔案,并匯入Axios: import axios from 'axios'; 2、創建一個名為 ......

    uj5u.com 2023-04-21 09:25:19 more
  • 華為云 OpenTiny 跨端、跨框架企業級開源組件庫專案落地實踐直播

    OpenTiny 組件庫建設者、開源社區負責人 Kagol 與前端楊村長聯合直播,盛情邀請你一同共同揭秘:OpenTiny 的落地實踐之路。
    就在周五晚8點,前端村長直播間,等你來撩~ ......

    uj5u.com 2023-04-21 08:25:03 more
  • vue全家桶進階之路46:Vue3 Axios攔截器

    在Vue.js 3中,使用Axios與Vue.js 2.x中類似,但是需要進行一些修改和更新,下面是Vue.js 3中Axios的定義和使用方式: 首先,你需要安裝Axios和Vue.js 3.x,可以使用npm或yarn等包管理工具安裝: npm install axios vue@next 然后 ......

    uj5u.com 2023-04-21 08:23:47 more
  • 執行背景關系

    變數提升與函式提升 變數宣告提升 通過var定義(宣告)的變數--在定義陳述句之前就可以訪問到 值為undefined console.log(a); //undefined var a = 1; //執行順序 var a; console.log(a); a = 1; 函式宣告提升 通過functi ......

    uj5u.com 2023-04-21 08:23:41 more
  • JavaScript 簡寫語法

    JavaScript 簡寫語法 1、簡寫的閉包自執行函式(Immediately Invoked Function Expression (IIFE)) 使用括號將函式定義包裹起來,再在末尾加上另一對括號,即可創建一個自執行函式。例如: (() => { console.log("Hello, wo ......

    uj5u.com 2023-04-21 08:23:35 more
  • 探索FSM (有限狀態機)應用

    我們是袋鼠云數堆疊 UED 團隊,致力于打造優秀的一站式資料中臺產品。我們始終保持工匠精神,探索前端道路,為社區積累并傳播經驗價值。。 本文作者:木杪 有限狀態機(FSM) 是計算機科學中的一種數學模型,可用于表示和控制系統的行為。它由一組狀態以及定義在這些狀態上的轉換函陣列成。FSM 被廣泛用于計算 ......

    uj5u.com 2023-04-21 08:21:55 more