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
  • 前言 本文介紹一款使用 C# 與 WPF 開發的音頻播放器,其界面簡潔大方,操作體驗流暢。該播放器支持多種音頻格式(如 MP4、WMA、OGG、FLAC 等),並具備標記、實時歌詞顯示等功能。 另外,還支持換膚及多語言(中英文)切換。核心音頻處理採用 FFmpeg 組件,獲得了廣泛認可,目前 Git ...
  • OAuth2.0授權驗證-gitee授權碼模式 本文主要介紹如何筆者自己是如何使用gitee提供的OAuth2.0協議完成授權驗證並登錄到自己的系統,完整模式如圖 1、創建應用 打開gitee個人中心->第三方應用->創建應用 創建應用後在我的應用界面,查看已創建應用的Client ID和Clien ...
  • 解決了這個問題:《winForm下,fastReport.net 從.net framework 升級到.net5遇到的錯誤“Operation is not supported on this platform.”》 本文內容轉載自:https://www.fcnsoft.com/Home/Sho ...
  • 國內文章 WPF 從裸 Win 32 的 WM_Pointer 消息獲取觸摸點繪製筆跡 https://www.cnblogs.com/lindexi/p/18390983 本文將告訴大家如何在 WPF 裡面,接收裸 Win 32 的 WM_Pointer 消息,從消息裡面獲取觸摸點信息,使用觸摸點 ...
  • 前言 給大家推薦一個專為新零售快消行業打造了一套高效的進銷存管理系統。 系統不僅具備強大的庫存管理功能,還集成了高性能的輕量級 POS 解決方案,確保頁面載入速度極快,提供良好的用戶體驗。 項目介紹 Dorisoy.POS 是一款基於 .NET 7 和 Angular 4 開發的新零售快消進銷存管理 ...
  • ABP CLI常用的代碼分享 一、確保環境配置正確 安裝.NET CLI: ABP CLI是基於.NET Core或.NET 5/6/7等更高版本構建的,因此首先需要在你的開發環境中安裝.NET CLI。這可以通過訪問Microsoft官網下載並安裝相應版本的.NET SDK來實現。 安裝ABP ...
  • 問題 問題是這樣的:第三方的webapi,需要先調用登陸介面獲取Cookie,訪問其它介面時攜帶Cookie信息。 但使用HttpClient類調用登陸介面,返回的Headers中沒有找到Cookie信息。 分析 首先,使用Postman測試該登陸介面,正常返回Cookie信息,說明是HttpCli ...
  • 國內文章 關於.NET在中國為什麼工資低的分析 https://www.cnblogs.com/thinkingmore/p/18406244 .NET在中國開發者的薪資偏低,主要因市場需求、技術棧選擇和企業文化等因素所致。歷史上,.NET曾因微軟的閉源策略發展受限,儘管後來推出了跨平臺的.NET ...
  • 在WPF開發應用中,動畫不僅可以引起用戶的註意與興趣,而且還使軟體更加便於使用。前面幾篇文章講解了畫筆(Brush),形狀(Shape),幾何圖形(Geometry),變換(Transform)等相關內容,今天繼續講解動畫相關內容和知識點,僅供學習分享使用,如有不足之處,還請指正。 ...
  • 什麼是委托? 委托可以說是把一個方法代入另一個方法執行,相當於指向函數的指針;事件就相當於保存委托的數組; 1.實例化委托的方式: 方式1:通過new創建實例: public delegate void ShowDelegate(); 或者 public delegate string ShowDe ...