初識Js-Day1

来源:https://www.cnblogs.com/liu-2001/archive/2022/07/25/16518186.html
-Advertisement-
Play Games

初識Js 1.前言 學習js的第一天,簡單瞭解了一下JS的誕生歷史,JS相關變數,關鍵字,命名規範,JS數據類型以及各種數據類型之間的轉換,JS運算符的使用,二進位,八進位,十進位,十六進位之間的換算。 2.JS的誕生歷史 1.JavaScript誕生於1995年,由Netscape(網景公司)研發 ...


初識Js

1.前言

學習js的第一天,簡單瞭解了一下JS的誕生歷史,JS相關變數,關鍵字,命名規範,JS數據類型以及各種數據類型之間的轉換,JS運算符的使用,二進位,八進位,十進位,十六進位之間的換算。

2.JS的誕生歷史

1.JavaScript誕生於1995年,由Netscape(網景公司)研發,取名為Mocha,後與sun公司(Java研發公司)合作,1995年9月改名為Javascript。

2. JavaScript 的版本 JavaScript這種語言的基本語法結構是由ECMAScript來標準化的, 所以我們說的JavaScript版本一般指的是ECMAScript版本. 1997年7月,ECMAScript 1.0發佈。 1998年6月,ECMAScript 2.0版發佈。 1999年12月,ECMAScript 3.0版發佈。(數組的一些方法) 2007年10月,ECMAScript 4.0版草案想要提交ECMA組織, 但由於4.0版的目標過於激進, 改動太大, 並且微軟,谷歌等大公司極力反對;一直到2008年7月ECMA開會決定,中止ECMAScript 4.0的開發(即廢除了這個版本) 2009年12月,ECMAScript 5.0版正式發佈 2011年6月,ECMAscript 5.1版發佈

3.是一種基於對象的腳本語言,單線程語言,弱語言。

4.幾乎所有瀏覽器都支持JavaScript,IE瀏覽器,chrome,Firefox等。

 

3.JavaScript的組成

JavaScript由三部分組成:

1. 核心(ECMAScript):

是一種由ECMA國際(前身為歐洲電腦製造商協會,英文名稱是European Computer Manufacturers Association)通過ECMA-262標準化的腳本程式設計語言。ECMAScript 定義的只是這門語言的基礎,他的組成部分有:語法、類型、語句、關鍵字、保留字、操作符、對象等。

2. 瀏覽器對象模型(BOM):

Browse Object Model, 瀏覽器對象模型,提供與瀏覽器交互的方法和介面(API), 開發人員使用BOM可以控制瀏覽器顯示頁面以外的部分。

3. 文檔對象模型(DOM):

Document Object Model,文檔對象模型,提供訪問和操作網頁HTML內容的方法和介面。

 

 4.JS的書寫規則以及運行

1.JS的書寫

1. Html標簽內部編寫JavaScript代碼--不推薦使用。  2. Html文件內部編寫JavaScript代碼。  3. 通過<script>標簽引入外部的 . js文件。    

 2.JS的命名規則

1.數字、字母、下劃線、$符號組成,其中數字不能做開頭。並且變數名應做到見名知意,常用的方式有駝峰命名法,匈牙利命名法,同時變數名不能是保留字或者關鍵字  。 2.關鍵字:一組具有特定用途的關鍵字,這些關鍵字可用於表示控制語句的開始或結束,或者用於執行特定操作等。 值得註意的一系列關鍵字: break do instanceof typeof case else new var catch finally return void  continue for switch while debugger function this with default if throw delete in try

 值得註意的一系列的保留字(將來有可能用作關鍵字):

abstract enum int short boolean export interface static byte extends long super char final native synchronized class float package throws const goto private transient debugger implements protected volatile double import public 3.駝峰命名法 大駝峰:第一個單詞的首字母大寫  UserName  小駝峰:第二個單詞開始首字母大寫 userName / getElementById() / myStudentScore() 4.變數命名儘量見名知意,可參考下圖

 

 

 5.變數的數據類型

1.特殊類型:Undefined,Null。

2.5種簡單數據類型:number數字,string字元串,boolean布爾值,undefined未定義,null空對象。

3.一種複雜的數據類型(引用類型):object。

4.檢測變數的方法:typeof(變數名)或者typeof 變數名**。

5.NaN和isNaN介紹,NaN的概念及應用

當數學計算無法得到數字結果,該變數的值為NaN(not a number)  

註意:因為NaN代表非數字,它不等於任何值,也不能做運算, 即使alert(NaN == NaN); 結果也是false     typeof NaN ===‘number’ isNaN(num)方法,該方法判斷num變數的值是否是NaN(不是一個數字),結果是布爾值,如果num不是一個數字輸出true

 查看類型:

 

 

 

類型轉換:

 

 

 

字元串string轉boolean:

 

 

 

 number轉boolean:

  將undefined和對應的null轉為Boolean:

 

Boolean 轉為 number (false 0 true 1):

 

將對應的undefined和null 轉為number:

 

 

 6.運算符及表達式

其中較為值得註意的是++,--

i++ 與 ++i 的主要區別有兩個:

  1、 i++ 返回原來的值,++i 返回加1後的值。

  2、 i++ 不能作為左值,而++i 可以。

1.算數運算符

 

 2.邏輯運算符

 

 

3.賦值運算

 

 

4.位運算

 

 

5.三目運算符

 

 

6.保留小數的方法

 

    總結:

     1.Number方法 轉為number類型的值      2.Boolean方法轉為boolean類型的值      3.String方法轉為string的值(toString方法)      4.toFixed方法轉為字元串 保留多少位小數      5.Infinity 表示無窮大      6.isNaN 判斷是否為NaN      7.typeof 檢索對應的類型(所有的引用類型都是object 其他顯示對應的值類型)

 

 7.進位轉換

N進位就是“逢N進1,借1當N。”
N進位轉換為10進位,直接寫成多項式計算就可以了,
就像 253(10進位)=2*10^2+5*10+2
253(8進位)=2*8^2+5*8+3=171(10進位)
253(16進位)=2*16^2+5*16+3=595(10進位)
110111(2進位)=1*2^5+1*2^4+0*2^3+1*2^2+1*2^1+1=55

10進位轉換為N進位,那就要“除N取餘”了。
如 485轉換為8進位:
485/8=60........5
60/8=7........4
7/8=0........7
所以485(10進位)=745(8進位) (註意:最後的數要倒序寫)
又如 4593轉換為16進位:
4593/16=287..........1
287/16=17............15
17/16=1................1
1/16=0..................1
所以,4593(10進位)=11F1(16進位)(註:16進位的數需要16個數位,用0-9和A-F表示)
再如 123轉換為2進位:
123/2=61..........1
61/2=30...........1
30/2=15............0
15/2=7.............1
7/2=3................1
3/2=1...............1
1/2=0...............1
所以 123(10進位)=1111011(2進位)

 

 

 8.課後練習

1, 入職薪水10K,每年漲幅入職薪水的5%,50年後工資多少?

 

 

2, 為抵抗洪水,戰士連續作戰89小時,編程計算共多少天零多少小時?

 

 

 

3, 小明要到美國旅游,可是那裡的溫度是以華氏度為單位記錄的。它需要一個程式將華氏溫度(80度)轉換為攝氏度,並以華氏度和攝氏度為單位分別顯示該溫度。 提示:攝氏度與華氏度的轉換公式為:攝氏度 = 5/9.0*(華氏度-32)

 

 

4, 給定一個三位數,分別把這個數字的百位、十位、個位算出來並顯示。

 

 

 

歡迎點贊評論^^

 


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 16 | “order by”是怎麼工作的? 以市民表為例,假設要查詢城市是“杭州”的所有人名字,並且按照姓名排序返回前 1000 個人的姓名、年齡。 這個表的部分定義: CREATE TABLE `t` ( `id` int(11) NOT NULL, `city` varchar(16) NOT ...
  • 15 | 答疑文章(一):日誌和索引相關問題 日誌相關 binlog(歸檔日誌)和redo log(重做日誌)配合崩潰恢復,在兩階段提交的不同瞬間,MySQL如果發生異常重啟,是怎麼保證數據完整性的? Q:這個圖不是一個update 語句的執行流程嗎,怎麼還會調用 commit 語句? A: 兩個“ ...
  • 14 | count(*)這麼慢,我該怎麼辦? 在開發系統的時候,你可能經常需要計算一個表的行數,比如一個交易系統的所有變更記錄總數。 隨著系統中記錄數越來越多,select count(*) from t 語句執行得也會越來越慢 count(*) 的實現方式 在不同的 MySQL 引擎中,coun ...
  • 7月22日,中國信息通信研究院、中國通信標準化協會主辦的“2022 可信雲大會”在京圓滿落幕。大會以“雲賦新能,算向未來”為主題,邀請了眾多行業專家學者、企業代表、行業大咖齊聚一堂,從雲治理、容災、多雲管理、雲原生等多個雲計算垂直領域出發,共話我國可信計算未來藍圖。 騰訊雲資料庫專家團作為雲服務企業 ...
  • 本文以經典的協同過濾為切入點,重點介紹了被工業界廣泛使用的矩陣分解演算法,從理論與實踐兩個維度介紹了該演算法的原理,通俗易懂,希望能夠給大家帶來一些啟發。 ...
  • 繼續更新移動端的一個佈局,這也是經典中的經典,當初只知道個rem和vwvh適配,其實這裡面還有很多的門道不只是一個適配這麼簡單 一.前置 1.背景縮放 我們都知道做移動端,給的圖都是二倍圖,你拿來用直接縮減一半,這樣在手機上顯示出來也會很清晰 那麼我們背景圖片怎麼來進行縮放呢 ==推薦一個多倍圖切圖 ...
  • 廣告服務(Ads Kit)提供流量變現服務,通過該服務開發者可以在自己的App中向用戶展示Banner、原生、激勵廣告等多種形式的廣告內容。而對於應用中已上線的廣告位來說,因為涉及到收入,所以日常的數據監控顯得尤為重要。 為此廣告服務也提供了流量變現服務報表API(Publisher Service ...
  • 概述 安卓系統支持多種 USB 外圍設備,提供兩種模式來支持實現 USB 外設接入系統:USB 配件模式和 USB 主機模式。 在 USB 配件模式下,接入的 USB 設備充當 USB 主機,併為 USB 匯流排供電。USB 配件產品包括USB轉接設備、診斷和音樂設備、讀卡器等,遵循 Android ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...