JavaScript基礎系列(變數與類型)

来源:http://www.cnblogs.com/zhichaobouke/archive/2016/12/17/6193169.html
-Advertisement-
Play Games

看看變數類型,也是學習任何一門編程語言都必須要面對的重點知識 ...


以下內容將JavaScript簡稱為JS

 

變數指的是,可被修改的數據。

變數這一詞在所有的程式語言中都是最為關鍵、最常見的存在,在JS中也不例外,所以要透徹的瞭解變數就尤其的重要,必須重視,要想深入變數必須先瞭解數據類型是什麼它在我們實際編碼中所起到的作用是什麼,接下來一一講解。

(這段話給零基礎學習的讀者)很多初學者會有疑問,變數到底是幹嘛的,可以做些什麼啊?舉一個最簡單的例子:你想通過編寫代碼實現加減乘除的功能,那麼首要的前提就是,你必須要有兩個數字,但電腦不認識數字,那麼就需要通過電腦能看懂的代碼去把這兩個數字存起來,也就是我們口中所說的定義變數,這裡說的還是挺外圍的,要用專業術語說就是通過解釋器將預定好的代碼翻譯成二進位代碼,接下去就是很底層的問題我們不需要考慮,只需要知道:“程式由代碼生成,代碼由人去預先設計之後在由電腦識別運行,我們所做的就是讓電腦讀懂人的思維”。

 

那麼JS中如何定義變數:

在JS中通過var來定義一個變數

var a = 1;
var b = 2;
a+b // 3
a*b //2

var表示定義, a則表示變數名稱, 數字1就是我們所說的變數,變數可以存放以下所說的七種類型包括函數,這麼一來我們就可以把變數看做是一個空的盒子只要是符合規定的代碼都可以往裡存放,在關鍵的地方去使用它。

  • 變數的構成:定義、名稱、變數。
  • 定義:告訴電腦我這裡有變數並且幫我在記憶體中開闢一塊空間存儲這些(數據)
  • 名稱:必須給這個變數起一個代號,以方便後面的調用。
  • 變數:放入我們需要用到的數據,這些數據就可看成是一副拼圖中的一小塊。
變數是你與電腦溝通的第一句話,也是日後使用最多的,所以必須要記住它的寫法細節,新手常常會忘記加分號(;)或者關鍵詞寫錯 這些都是程式報錯的必查因素,需要重視在以後的開發過程中能避免很多彎路,這裡也說幾點我常常碰到容易疏忽的細節。
  1. 關鍵詞與變數名的書寫錯誤!
  2. 變數名在之後給某個功能塊調用時,常常會因為一個字母沒寫對,可能就會花上十幾二十分鐘在找為什麼出錯我都是跟著視頻或者文檔書寫的怎麼就是報錯呢?(新手特別容易出現這樣的錯誤!所以在每次報錯時先快速瀏覽一遍變數名與下麵的調用是否真的一致)
  3. 關鍵詞都是固定那麼幾個在實踐中用心去記一記。
  4. 在我們日常寫代碼過程中,使用最多的就是前人留下來的代碼庫,而並非都需要自己去寫,這就是各種庫、框架的實質作用,它包含著這麼多年來歷經各式各樣工程師驗證的功能庫,我們必須在學完基礎重點去瞭解這些庫的深層作用,以便應對工作的各種需求,各種編程語言都有它自己的功能庫,當都有那麼幾個相同的庫,如Array數組庫、String文字處理庫、Math數字處理庫、Date時間獲取庫,這些庫幾乎所有編程語言都是互通的,八字不離其首的關係,所以我們在學完基礎後必須快速的對這些基本庫進行瞭解,下次講庫時在做深入分析。
  這裡說一下題外話在java中(不是JavaScript哦),如果你要定義數字變數需要使用int來定義,文字則需要String定義,如 int a = 1; string b = '文字';   而在JavaScript中則省去了這些,一個var就搞定,它的類型則是你所寫的內容決定,如var a = '文字'; var b = 66,這裡的a會被自動識別為文字類型,b會被自動識別為數字類型,其他類型同樣都是會被自動識別的。   扯完這些,現在就來看看變數類型,也是學習任何一門編程語言都必須要面對的重點知識,這裡只對JS中的數據類型進行分析。   七大類型:
閱讀提示:可以粗略帶過但希望認真閱讀布爾值的講解,(以下類型代碼中我們不會直接接觸到的,除了函數類型會使用:function來定義)

基本類型: 

number: 數字; var a  = 12;

 

string: 文字; var a  = '文字';

 

boolean: true,fales;  布爾值:真.假 ;

複合型(集合型):

Array:數組;var a  = [1,2,3,4,'文字','abc'];它是一串數據的集合。

 

function: 函數; function a(){};它是通過代碼實現的功能塊。

 

object: 對象;先留印象之後講到對象篇時在深入

特殊類型:

Null:空對象; 一般出現在調用對象時,這個對象並沒有被定義

 

undefined: 未定義;一般出現在程式報錯的情況下

  要這些類型有什麼用呢? 數字、文字,不用多說,通過這兩類型完成數據的呈現,使用數字類型完成各式各樣的演算法。   function 函數也稱方法:   就是一個邏輯功能的集合,在上一章也說到過,函數是可以放置所有代碼,而後在這些代碼的輔助下形成一個有處理事務能力的功能塊,在編程中使用最多的除了變數就必屬函數,之後另開一篇深入講解,讓我們先把必要基礎先打牢靠。   Array 數組:   同樣是各種編程語言共有的數據類型,它的功能就是將一系列需要處理的數據進行合併式的存儲,特別需要註意的是想在數組中拿數據必須通過迴圈進行獲取需要使用(length)這個屬性(至於什麼是迴圈什麼是length你現在只需要留一個印象就好,暫時不要去鑽牛角尖,後面都會有詳細講解,與數組有著類似功能的還有JS中的JSON對象,它的存儲方式是通過鍵值對的形式進行存儲。 什麼是鍵值對?來看下麵對比
  • JSON存數據, var a = {a:12,b:'你好',c:22}; 以鍵值對的方式進行存儲,跟java中的map是一樣的,這裡的 a 就是 鍵,12 則是 值, 
  • Array數組存數據, var a = [1,2,'你好',123]; 
 千萬不要忽視 方括弧[]與花括弧{}。 現在我們只是做一個瞭解看的不是很明白也沒關係,在之後章節實踐中使用到時在去做重點認知,把接下來的布爾值學好看明白才是學習本章的重點。   object 對象:   在JavaScript中所有對象屬於核心概念:它是JS中的老大哥,可它並非指具體誰誰誰是對象,而是一種範指,只有在使用一個對象時你可以把它具體化(實例化)通過new關鍵字來實現,之後在通過點(.)進行調用更加具體的功能塊及屬性。 在JS中任何數據都可以看做是對象,這也是我為什麼說它是泛指的原因。 那麼對象它到底能為我們做些什麼呢?先說一下對象的寫法與JSON相同,都是通過鍵值對的方式進行存放,在調用某個具體對象:屬性時就是用鍵來調用其中的值,而且在對象中可以放置函數搭建我們自己的功能塊,在這裡我們先做一個簡單的瞭解(只需要知道對象是功能塊的集合,只有你想使用內置功能時去把它具體化出來在進行使用。)   Null與undefined:想詳細瞭解可直接看這篇轉載的文章。   boolean 布爾值類型:   它的用途非常關鍵,所有的判斷、迴圈語句都是靠著它才能正常執行,而一個程式如果沒有判斷就不可能是一個完整的程式,其實用白話講:“程式想擁有處理事情的能力,必須要有分辨事物好壞的能力”   那麼怎麼才能深入的瞭解這個布爾類型呢?我先推薦一位業界大神的文章 布爾代數——阮一峰;想學好前端跟著他才是正道。 我們從前面定義的兩個變數入手
var a = 1;       //數字類型
var b = '文字';  //文字類型也叫字元串類型

a == b ; //true 真的 他們相等 將數字轉換為字元串類型 a === b;//fales 假的 他們不相等 不做轉換直接比較
上面的三等號(===)是運算符中的一種,叫做比較符,比較符還有(> 、< 、>= 、<= 、==、===、!=、!==;大於、小於、大於等於、小於等於、類型比較、!不等於);雙等號(==)和現在看見的三等號(===),這些都不是本章重點講運算符時重點分析。 現在我們要關註布爾值是在什麼情況下會出現,這直接影響到我們將來寫代碼時邏輯的清晰度和可確定性,寫判斷語句時的底氣,所以來看看布爾值的出現條件
  1. 在使用比較符時,布爾值必定會出現。
  2. 在JS中所有單獨出現的值都可當做布爾值,但有以下規則。
    • undefined ,null ,0 ,-0 ,NaN ,“”   會被轉換成false;(先瞭解一下以後碰到要使用時回來看看)
    • 所有其他值,包括所有獨立對象、函數、數組、變數都會轉換成true;(看清楚是獨立的 並非兩者有比較關係)
布爾值:它只有兩個值,真和假,true和fales,判斷語句if()只有在true(真)的情況下才會執行,而else則是在假的情況下執行,之後會講解。 一個程式的判斷能力,就是來自於布爾值的靈活應用,之後講比較運算符,邏輯運算符在詳細講解它,這裡先留下一個布爾值很重要的印象好嗎?   小節:看完本章節你應當有以下收穫
  1. 我們得知變數與類型是程式的入口。
  2. 寫代碼並不是所有功能都需要去自己實現,而是去靈活的使用前人給我們留下的功能集合(庫),還有學不完的內置對象。
  3. 函數是可以放置任何代碼的功能集,而想要讓函數有功能必須先從定義變數開始之後在是一步步的代碼邏輯。
  4. 程式的功能是由各式各樣的判斷產生(並非是絕對的)。
  5. 想要讓程式有判斷能力,必須使用到布爾值真與假(這是絕對的)。
  6. 瞭解布爾值的出現規則,這將會讓自己避免特別多的彎路。
  7. 七大數據類型,我們現在只需要關註:數字、文字、布爾值、數組、函數、(而對象,在基礎內容中出現較少,之後講對象在做講解,現在姑且把對象當中比函數更高一級的功能塊就可以。)
  8. 讓電腦讀懂我們的代碼必須使用這門語言預先設定好的關鍵字就行描述如:定義變數 var 、定義函數 function、 定義判斷語句 if(),還有很多以後會一一提到。
  9. 還有很多讀者可以自行總結。
   希望你能有所收穫也希望,能得到你的點評謝謝閱讀!
您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 一、前言 發下牢騷,這段時間要做項目,又要學框架,搞得都沒時間寫筆記,但是覺得這知識學過還是要記錄下。進入主題了 1.1、Hibernate簡介 什麼是Hibernate?Hibernate有什麼用? Hibernate是開放源代碼的對象關係映射框架,用來把java的對象映射到資料庫中的關係數據中, ...
  • JVM是按照運行時數據的存儲結構來劃分記憶體結構的。JVM在運行Java程式時,將他們劃分成不同格式的數據,分別存儲在不同的區域,這些數據就是運行時數據。運行時數據區域包括堆,方法區,運行時常量池,程式計數器,虛擬機棧,本地方法棧。 ...
  • 概述: Apache Solr是一個用JAVA語言構建在Apache Lucene項目上的開源的企業級搜索平臺。主要特性包含:全文搜索、命中高亮、片段式搜索、實時索引、動態集群、資料庫集成、NoSQL特性和富文本處理。提供分散式搜索和索引複製,設計時便充分考慮了擴展和容錯能力。Solr目前是第二流行 ...
  • 1、節選自Python Documentation 3.5.2的部分解釋 Objects are Python’s abstraction for data. All data in a Python program is represented by objects or by relations ...
  • POI和Excel簡介 JAVA中操作Excel的有兩種比較主流的工具包: JXL 和 POI 。jxl 只能操作Excel 95, 97, 2000也即以.xls為尾碼的excel。而poi可以操作Excel 95及以後的版本,即可操作尾碼為 .xls(03版)和.xlsx(07版)兩種格式的ex ...
  • 編寫MyBatis配置文件(配置文件可以在上面下載的壓縮包root下找到PDF,裡面也有示例配置) Emp.xml 其中幾個常用的元素的作用如下:( 1.environment 和 2.mappers元素) 1.environment 元素:用於配置多個數據環境,這樣可以映射多個資料庫信息。採用de ...
  • java.lang.IncompatibleClassChangeError: Implementing class,用常見的解決問題的方法解決不常見的問題 ...
  • JavaScript的數組,相比其他語言,是比較特殊的。數組是Object類型,只不過,有幾個比較特殊的地方: 可以看到,如果不指定key值,數組會自動添加預設索引下標值,將其作為key。 這種情況下,length又是如何計算的呢? 從上面的代碼可以看出,length值是根據最大的索引下標計算的,也 ...
一周排行
    -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.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...