javaScript基礎--概念以及使用

来源:https://www.cnblogs.com/yuyu05-28/archive/2019/08/21/11391788.html
-Advertisement-
Play Games

主要是javaScript的基礎 變數 數據類型 運算符 表達式 怎樣定義 ...


1、什麼javascript?
為什麼要學習? 處理網站動態特效 為後期課程打基礎
什麼是javascript?
是一個客戶端的具有安全性腳本語言。 js和h5 的關係 :  都是向靜態的元素動起來 h5+css3 偏向移動端 js偏向 pc端
  2、js的歷史背景
1995----布萊登.艾奇 liveScript  改名  javascript  javascript和java沒有任何關係         
  3、javascript的組成  掌握
ECMAScript  不是語言,是一個組織  歐洲電腦製造商協會  BOM   瀏覽器對象模型 DOM  文檔對象模型
  4、js代碼的實現  掌握
關閉代碼提示 :  alt + ? 1、js代碼在script中實現 2、script標簽可以出現在頁面的任何位置   除了title內部 3、script 標簽可以有多個 4、使用script標簽的src屬性連接外部的js文件 5、帶有src屬性的script標簽內部的js代碼是無效
  5、js的輸出語句  掌握
alert()  彈出警告框  阻塞代碼執行  不用於項目中 document.write()   瀏覽器上列印結果 console.log()   控制臺上輸出   一般用於項目調試   .  前面的叫做對象 .  後面的有括弧的單詞叫做方法   沒有括弧的單詞叫做屬性
  6、js的字面量(常量)
數值常量     整數         十進位整數            二進位  0  1         八進位  0--7   以0開頭            十六進位 0--9   a--f   以 0x開頭   顏色值組成 : #      小數 字元常量     用單引號和雙引號括起來的一串字元             "a"   "ab"  '9'   註意 : 使用時引號嵌套的問題   "  ''  "   或  '  "   " ' 布爾值常量     值有兩個     true  真      false 假
  7、變數 
程式運行時  值有可能會發生變化的量
  8、變數的定義和賦值
var 定義變數  var 變數名 = 值 定義變數並賦值 var 變數名  定義變數沒有賦值
  9、標識符命名規範  重點
1、只能由字母、數字、下劃線 或  $符號組成  (中文不提倡) 2、開頭不能是數字 3、不能使用系統指定的關鍵字命名   4、標識符儘量語義化   見名識意    5、不要情緒化命名 6、駝峰式命名:     小駝峰   qianFengJiaoYu     大駝峰   QianFengJiaoYu 7、匈牙利命名:     iScore  表示分數  是一個數值  i表示  int     fScore  f表示float     oBtn    o表示object
    10、js輸出語句的使用
1、輸出變數時,變數一定不能加引號 2、輸出字元串時,一定要加 引號 3、同時輸出字元串和變數時,中間用+拼接
  11、數據類型  重點記住
基本數據類型:     數值類型 number
    字元類型 string
    布爾類型 Boolean
複合數據類型(引用數據類型):     對象類型  object
特殊數據類型:     null   空
    undefined 未定義   一個變數定以後未賦值,結果為undefined
    function 函數
12、確定變數類型  擴展
typeof  用法 :  typeof 變數 或 typeof(變數) typeof的結果沒有null,null本身就是一個對象  當typeof null 得到object  typeof typeof 變數  結果都是字元串
  13、運算符和表達式  重要
運算符 : 運算符號
表達式 : 常量、變數、一個由運算符連接的式子    算術  賦值 關係  邏輯  條件   運算符有哪些? 表達式?? 表達式的值確定??
  14、算術運算符
運算符 : 
    雙目(二元)運算符 : +   -   *   /  %(模)
    單目(一元)運算符 :++  --
表達式 :     6+8
表達式的值:             -   *   /  %(模)             兩邊都是數值  正常計算             兩邊有一側是數字字元串,另一側是數值,字元串會自動轉成數值 正常計算             兩邊都是純數字字元串,字元串會自動轉成數值 正常計算             有一側是非數字字元串,不能進行計算,結果是NaN             不能正常計算的結果都是NaN     NaN:not  a  number 不是一個數             NaN的typeof值  number ,NaN不等於任何數,包括自己               %運算 :              7%5      7%7      13%5    78%10   123%10    7%1     897%10    76843%10             擴展 :  -7%5 -2  7%(-5) 2  -7%(-5) -2             任何數%10 結果都是 個位數                        +運算符表達式的值:             字元串和數字相加表示連接     2+5+"9" -7             +  加法計算和 連接  ,連接優先     單目運算符 : ++ 自增   -- 自減 註意 : 要求操作數必須是變數 9++   --9  錯誤的   var i = 10; i++ 或 ++i 寫法正確     i++和++i區別 :  相同點 : 自增變數都會加1  或  減 1 不同點 : 表達式的值不同     如果++在變數前面, 先將自增變數的值自增1 , 再將自增變數的值賦值給整個表達式  先自增後賦值     如果++在後面, 先將自增變數的值賦值給整個表達式,再將自增變數的值自增1   先賦值後自增      var i = 1; 計算下麵表達式的值    程式運行時,變數一直會發生變化         i++  +   ++i    +    i         1             3           3     i   2             3   var i = 1;     計算表達式的值     --i  +  i++   +   ++i     0        0               2 i   0        1              2
15、賦值運算符
運算符 : =   表達式 : =左側必須是 變數    x+y = 10 錯誤的      y = 10-x 正確 變數的值就是表達式的值   複合賦值運算符 :     +=   -=   *=  /=     %= 
 x += 10;    等價於   x = x + 10;
16、關係運算符
運算符 :  >  >=  <  <=  == 等於   ===全等   !=不等於   !== 不全等 表達式 : 2>3     2==3    67 > 90 表達式的值 :      關係表達式的值為布爾值    
    關係表達式成立 結果為true,不成立  結果為false 
    1、兩側都是數字,正常比較
    2、兩側都是字元串,正常比較   利用字元的ASCII碼 值比較 ,a--97  A--65   0--48
    3、一側是數值,另一側是數字字元串,字元串會自動轉成數值,正常比較
    4、不能正常比較的結果就是false
==  比較值是否相等 ===  先比較類型,後比較值
  17、邏輯運算符
運算符 : 
    &&與   ||或    !非
表達式 :一般參與邏輯運算的都是布爾值     true && false  true || true   4>3 || 6 == 8
表達式的值 :      &&與 : 表示 且 
    &&符號兩側都為真(成立) ,結果才是真   true&&true 結果是true    false && true 結果是false   true && false 結果是false
          ||或 :     ||符號兩側都為假(不成立),結果才是假   false || false 結果是false   false || true 結果是true    true || false 結果是true       ! 非 :
    非真就是假   !true 結果是false    
    非假就是真   !false 結果就是true
    
    例如:定義一個變數  值 大於等於10並且小於等於20
    var x = 11;
    console.log( x >= 10 && x <= 20 ); true
    定義一個變數,既能被2整除 又能被5整除
    var i = 10;
    console.log( i%2==0 && i%5 == 0 )
18、條件運算符
運算符 : ?  :  三目運算符   
表達式 :    表達式1 ?  表達式2 :  表達式3      5>6 ? 7:8 表達式的值:     根據表達式1的值確定整個表達式的值
    如果表達式1的值為真,取表達式2的做作為整個條件表達式的值
        如果表達式1的值為假,取表達式3的做作為整個條件表達式的值     console.log( 3==9 ? 23:12 )  結果 12     console.log( 3<=9 ? 23:12 )  結果 23     console.log( 1 ? 23:12 )  結果 23   console.log( 0 ? 23:12 )  結果 12     console.log( "" ? 23:12 )  結果 12   console.log( null ? 23:12 )  結果 12
  js中表示真假的幾種情況:
1、true為真  false為假 2、所有數字為真,0為假 3、所有字元串為真, 空串 為假 "" 4、所有對象為真 5、所有函數為真 6、null 和 undefined 為假

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

-Advertisement-
Play Games
更多相關文章
  • 轉載、節選於 https://dev.mysql.com/doc/refman/8.0/en/innodb-doublewrite-buffer.html The doublewrite buffer is a storage area located in the system tablespac ...
  • 概念介紹 CDH概覽 CDH是Apache Hadoop和相關項目的最完整、最受測試和最流行的發行版。CDH提供Hadoop的核心元素 可伸縮存儲和分散式計算 以及基於web的用戶界面和重要的企業功能。CDH是Apache許可的開放源碼,是唯一提供統一批處理、互動式SQL和互動式搜索以及基於角色的訪 ...
  • 本數據源來自 https://www.kafan.cn/edu/922556.html 目的為了備忘 把原來的sql server 2005直接裝成了2012,然後在建立鏈接伺服器鏈接一臺sql server 2000的伺服器時,報錯信息大概是“SQL Server Native Client 11 ...
  • 如果你還不知道redis的基本命令與基本使用方法,請看 【redis】redis基礎命令學習集合 緩存 redis還有另外一個重要的應用領域——緩存 引用來自網友的圖解釋緩存在架構中的位置 預設情況下,我們的服務架構如下圖,客戶端請求service,然後service去讀取mysql資料庫 問題存在 ...
  • kafka0.9版本以後用java重新編寫了producer,廢除了原來scala編寫的版本。 這裡直接使用最新2.3版本,0.9以後的版本都適用。 註意引用的包為:org.apache.kafka.clients.producer 0.11.0以後增加了事務,事務producer的示例代碼如下,需 ...
  • 前言 本文主要介紹的是ElasticSearch集群和kinaba的安裝教程。 ElasticSearch介紹 ElasticSearch是一個基於Lucene的搜索伺服器,其實就是對Lucene進行封裝,提供了 REST API 的操作介面. ElasticSearch作為一個高度可拓展的開源全文 ...
  • 今天來學習下TextField文本框組件和Card卡片組件。 只要是應用程式就少不了交互,基本上所有的應用程式都會有用戶名、密碼輸入框,搜索框等等,前面我們有寫過一篇基於Form表單的輸入功能,今天來看一下TextField文本框組件,文本輸入是最常見的一種交互方式,TextField組件就是... ...
  • 試過網上很多的例子,有的設置Go to `File->Settings->Build, Execution, Deployment->Gradle->Uncheck Offline work option.` 但我的沒成功,後來發現 打開C:/Users/(用戶名)/.gradle/gradle.p ...
一周排行
    -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.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...