Android音頻開發（1）：基礎知識

導讀

人的說話頻率基本上為300Hz~3400Hz，但是人耳朵聽覺頻率基本上為20Hz~20000Hz。

對於人類的語音信號而言，實際處理一般經過以下步驟：

人嘴說話——>聲電轉換——>抽樣（模數轉換）——>量化（將数字信號用適當的數值表示）——>編碼（數據壓縮）——>

傳輸（網絡或者其他方式）

——> 解碼（數據還原）——>反抽樣（數模轉換）——>電聲轉換——>人耳聽聲。

• 抽樣率

實際中，人發出的聲音信號為模擬信號，想要在實際中處理必須為数字信號，即採用抽樣、量化、編碼的處理方案。

處理的第一步為抽樣，即模數轉換。

簡單地說就是通過波形採樣的方法記錄1秒鐘長度的聲音，需要多少個數據。

根據奈魁斯特（NYQUIST）採樣定理，用兩倍於一個正弦波的頻繁率進行採樣就能完全真實地還原該波形。

所以，對於聲音信號而言，要想對離散信號進行還原，必須將抽樣頻率定為40KHz以上。實際中，一般定為44.1KHz。

44.1KHz採樣率的聲音就是要花費44000個數據來描述1秒鐘的聲音波形。

原則上採樣率越高，聲音的質量越好，採樣頻率一般共分為22.05KHz、44.1KHz、48KHz三個等級。

22.05 KHz只能達到FM廣播的聲音品質，44.1KHz則是理論上的CD音質界限，48KHz則已達到DVD音質了。

• 碼率

對於音頻信號而言，實際上必須進行編碼。在這裏，編碼指信源編碼，即數據壓縮。如果，未經過數據壓縮，直接量化進行傳輸則被稱為PCM（脈衝編碼調製）。
要算一個PCM音頻流的碼率是一件很輕鬆的事情，採樣率值×採樣大小值×聲道數 bps。
一個採樣率為44.1KHz，採樣大小為16bit，雙聲道的PCM編碼的WAV文件，它的數據速率則為 44.1K×16×2 =1411.2 Kbps。
我們常說128K的MP3，對應的WAV的參數，就是這個1411.2 Kbps，這個參數也被稱為數據帶寬，它和ADSL中的帶寬是一個概念。將碼率除以8,就可以得到這個WAV的數據速率，即176.4KB/s。

這表示存儲一秒鐘採樣率為44.1KHz，採樣大小為16bit，雙聲道的PCM編碼的音頻信號，需要176.4KB的空間，1分鐘則約為10.34M，這對大部分用戶是不可接受的，尤其是喜歡在電腦上聽音樂的朋友，要降低磁盤佔用

只有2種方法，降低採樣指標或者壓縮。降低指標是不可取的，因此專家們研發了各種壓縮方案。最原始的有DPCM、ADPCM，其中最出名的為MP3。

所以，採用了數據壓縮以後的碼率遠小於原始碼率。

一、發的主要應用有哪些？

音頻播放器，錄音機，語音電話，音視頻監控應用，音視頻直播應用，音頻編輯/處理軟件，藍牙耳機/音箱，等等。

二、頻開發的具體內容有哪些？

（1）音頻採集/播放

（2）音頻算法處理（去噪、靜音檢測、回聲消除、音效處理、功放/增強、混音/分離，等等）

（3）音頻的編解碼和格式轉換

（4）音頻傳輸協議的開發（SIP，A2DP、AVRCP，等等）

三、 音頻應用的難點在哪？

延時敏感、卡頓敏感、噪聲抑制（Denoise）、回聲消除（AEC）、靜音檢測（VAD）、混音算法，等等。

四、 音頻開發基礎概念有哪些？

在音頻開發中，下面的這幾個概念經常會遇到。

1. 採樣率（samplerate）

採樣就是把模擬信號数字化的過程，不僅僅是音頻需要採樣，所有的模擬信號都需要通過採樣轉換為可以用0101來表示的数字信號，示意圖如下所示：

藍色代表模擬音頻信號，紅色的點代表採樣得到的量化數值。

採樣頻率越高，紅色的間隔就越密集，記錄這一段音頻信號所用的數據量就越大，同時音頻質量也就越高。

根據奈奎斯特理論，採樣頻率只要不低於音頻信號最高頻率的兩倍，就可以無損失地還原原始的聲音。

通常人耳能聽到頻率範圍大約在20Hz～20kHz之間的聲音，為了保證聲音不失真，採樣頻率應在40kHz以上。常用的音頻採樣頻率有：8kHz、11.025kHz、22.05kHz、16kHz、37.8kHz、44.1kHz、48kHz、96kHz、192kHz等。

對採樣率為44.1kHz的AAC音頻進行解碼時，一幀的解碼時間須控制在23.22毫秒內。

通常是按1024個採樣點一幀

分析：

1. AAC

一個AAC原始幀包含某段時間內1024個採樣點相關數據。

用1024主要是因為AAC是用的1024點的mdct。

音頻幀的播放時間=一個AAC幀對應的採樣樣本的個數/採樣頻率(單位為s)

採樣率(samplerate)為 44100Hz，表示每秒 44100個採樣點,

所以，根據公式,

音頻幀的播放時長 = 一個AAC幀對應的採樣點個數 / 採樣頻率

則，當前一幀的播放時間 = 1024 * 1000/44100= 23.22 ms(單位為ms)

48kHz採樣率，

則，當前一幀的播放時間 = 1024 * 1000/48000= 21.333ms(單位為ms)

22.05kHz採樣率，

則，當前一幀的播放時間 = 1024 * 1000/22050= 46.439ms(單位為ms)

2. MP3

mp3 每幀均為1152個字節，

則：

每幀播放時長 = 1152 * 1000 / sample_rate

例如：sample_rate = 44100HZ時，

計算出的時長為26.122ms，

這就是經常聽到的mp3每幀播放時間固定為26ms的由來。

2. 量化精度（位寬）

上圖中，每一個紅色的採樣點，都需要用一個數值來表示大小，這個數值的數據類型大小可以是：4bit、8bit、16bit、32bit等等，位數越多，表示得就越精細，聲音質量自然就越好，當然，數據量也會成倍增大。

常見的位寬是：8bit 或者 16bit

3. 聲道數（channels）

由於音頻的採集和播放是可以疊加的，因此，可以同時從多個音頻源採集聲音，並分別輸出到不同的揚聲器，故聲道數一般表示聲音錄製時的音源數量或回放時相應的揚聲器數量。

單聲道（Mono）和雙聲道（Stereo）比較常見，顧名思義，前者的聲道數為1，後者為2

4. 音頻幀（frame）

是用於測量显示幀數的量度。所謂的測量單位為每秒显示幀數(Frames per Second，簡稱：FPS）或“赫茲”（Hz）。

音頻跟視頻很不一樣，視頻每一幀就是一張圖像，而從上面的正玄波可以看出，音頻數據是流式的，本身沒有明確的一幀幀的概念，在實際的應用中，為了音頻算法處理/傳輸的方便，一般約定俗成取2.5ms~60ms為單位的數據量為一幀音頻。

這個時間被稱之為“採樣時間”，其長度沒有特別的標準，它是根據編×××和具體應用的需求來決定的，我們可以計算一下一幀音頻幀的大小：

假設某通道的音頻信號是採樣率為8kHz，位寬為16bit，20ms一幀，雙通道，則一幀音頻數據的大小為：

int size = 8000 x 16bit x 0.02s x 2 = 5120 bit = 640 byte

五、常見的音頻編碼方式有哪些？

上面提到過，模擬的音頻信號轉換為数字信號需要經過採樣和量化，量化的過程被稱之為編碼，根據不同的量化策略，產生了許多不同的編碼方式，常見的編碼方式有：PCM 和 ADPCM，這些數據代表着無損的原始数字音頻信號，添加一些文件頭信息，就可以存儲為WAV文件了，它是一種由微軟和IBM聯合開發的用於音頻数字存儲的標準，可以很容易地被解析和播放。

我們在音頻開發過程中，會經常涉及到WAV文件的讀寫，以驗證採集、傳輸、接收的音頻數據的正確性。

六、常見的音頻壓縮格式有哪些？

首先簡單介紹一下音頻數據壓縮的最基本的原理：因為有冗餘信息，所以可以壓縮。

（1） 頻譜掩蔽效應： 人耳所能察覺的聲音信號的頻率範圍為20Hz～20KHz，在這個頻率範圍以外的音頻信號屬於冗餘信號。

（2） 時域掩蔽效應： 當強音信號和弱音信號同時出現時，弱信號會聽不到，因此，弱音信號也屬於冗餘信號。

下面簡單列出常見的音頻壓縮格式：

MP3，AAC，OGG，WMA，Opus，FLAC，APE，m4a，AMR，等等

七、Adndroid VoIP相關的開源應用有哪些 ？

imsdroid，sipdroid，csipsimple，linphone，WebRTC 等等

八、音頻算法處理的開源庫有哪些 ？

speex、ffmpeg，webrtc audio module（NS、VAD、AECM、AGC），等等

九、Android提供了哪些音頻開發相關的API？

音頻採集： MediaRecoder，AudioRecord

音頻播放： SoundPool，MediaPlayer，AudioTrack

音頻編解碼： MediaCodec

NDK API： OpenSL ES

十、音頻開發的延時標準是什麼？

ITU-TG.114規定，對於高質量語音可接受的時延是300ms。一般來說，如果時延在300～400ms，通話的交互性比較差，但還可以接受。時延大於400ms時，則交互通信非常困難。

本站聲明:網站內容來源於博客園,如有侵權,請聯繫我們,我們將及時處理

【其他文章推薦】

※想知道網站建置、網站改版該如何進行嗎?將由專業工程師為您規劃客製化網頁設計及後台網頁設計

※不管是台北網頁設計公司、台中網頁設計公司，全省皆有專員為您服務

※Google地圖已可更新顯示潭子電動車充電站設置地點!!

※帶您來看台北網站建置，台北網頁設計，各種案例分享

Java性能分析神器1–VisualVM Launcher

VisualVM

當你日復一日敲代碼的時候，當你把各種各樣的框架集成到一起的時候，看着大功告成成功運行的日誌，有沒有那麼一絲絲迷茫和惆悵：這TM起的是什麼玩意？每一行日誌背後代表的是什麼東西？？他為什麼就能跑起來了呢？？？？

這種時候不要慌，給大家推薦一款功能強大的插件：VisualVM Launcher。(eclipse就叫 )。這個插件需要和客戶端配合使用 。

VisualVM是集成了命令行JDK工具和輕量級分析功能的可視化工具。JVM提供了一些常用的jdk命令行工具：

• jstat(JVM Statistics Monitoring Tool):用於收集Hotspot虛擬機各方面的運行數據(查看虛擬機各雲心狀態信息)，显示本地或遠程虛擬機進程中的類裝載，內存，垃圾收集， JIT編譯等運行數據。
• jps(JVM Process Status Tool):显示指定系統內所有的HotSpot虛擬機進程(查看虛擬機進程信息)，可用於查詢正在運行的虛擬機進程， 同時可選擇性的显示虛擬機執行主類， 即執行main函數的類， 以及進程的本地虛擬機
  ID(Local Virtual Machine Identifier 簡稱LVMID)（對於本地虛擬機進程來說， 進程的本地虛擬機ID與操作系統的進程ID是一致的）
• jinfo(Configuration Info for Java):显示虛擬機配置信息(查看虛擬機配置參數信息)，可用於查看和調整虛擬機的配置參數.
• jmap(JVM Memory Map):生成虛擬機的內存轉儲快照， 生成heapdump文件(生成虛擬機內存轉儲快照)，可用於獲取heapdump文件， 且可以查詢finalize執行隊列， Java堆與永久代的一些信息。
• jhat(JVM Heap Dump Browser):用於分析heapdump文件， 它會建立一個HTTP/HTML服務器， 讓用戶在瀏覽器上查看分析結果(分析虛擬機轉儲快照信息)，jhat命令與jmap命令搭配使用， 用於分析jmap生成的堆轉儲快照， jhat內置了一個微型的HTTP/HTML服務器， 生成dump文件的分析結果后， 可以在瀏覽器中查看。
• jstack(JVM Stack Trace):显示虛擬機的線程快照(虛擬機堆棧跟蹤)，用於生成虛擬機當前時刻的線程快照。 線程快照指的是當前虛擬機內的每一條線程正在執行的方法堆棧的集合， 生成線程快照的作用是， 可用於定位線程出現長時間停頓的原因， 如線程間死鎖， 死循環， 請求外部資源導致的長時間等待等問題， 當線程出現停頓時 就可以用jstack各個線程調用的堆棧情況

這些工具功能強大，可以很方便的查看jvm內存分配，內存大小，裝載類總數，線程總數等。有了這些信息，就可以很快的進程診斷，性能調優辣。

安裝VisualVM和VisualVM Launcher

1. Idea安裝VisualVM Launcher插件

​ Preferences –> Plugins –> 搜索VisualVM Launcher，安裝重啟即可

2. 配置Idea VisualVM Launcher插件

​ Preferences –> other settings -> VisualVM Launcher –> 輸入VisualVM executable 和 JDK home即可

3. 配置完之後的idea頁面

4. 安裝VisualVM客戶端

​ –> 選擇對應的系統安裝包 –> 對應安裝，安裝完成后打開是這樣的頁面：

VisualVM和java命令行工具

1. jmap+jhat內存快照與分析：Heap Dump

1. HeapDump又叫做堆存儲文件，指一個Java進程在某個時間點的內存快照。Heap Dump在觸發內存快照的時候會保存此刻的java對象和類的信息。通常在寫heap Dump文件前會觸發一次FullGC，所以heap dump文件里保存的都是FullCG后留下的對象信息。

2. jmap進行內存快照方式：

   jmap -dump:format=b,file=<filename.hprof> <pid>

3. jhat進行內存快照分析：

   • jhat <heap dump file>
   • 使用了jhat命令，就啟動了一個http服務，端口是7000，即http://localhost:7000/，就可以在瀏覽器里分析

4. VisualVM進行內存快照方式：

   • 在“應用程序”窗口中右鍵單擊應用程序節點，然後選擇“堆 Dump”。
   • 在“應用程序”窗口中雙擊應用程序節點以打開應用程序標籤，然後在“監視”標籤中單擊“堆 Dump”。

5. VisualVM快照頁面，也可以右鍵保存此時的快照：

6. 想要打開保存好的java快照:

   • 單擊“堆 Dump”工具欄中的“類”，以查看活動類和對應實例的列表。
   • 雙擊某個類名打開“實例”視圖，以查看實例列表。
   • 從列表中選擇某個實例，以查看對該實例的引用。

2. jinfo：显示虛擬機配置信息(查看虛擬機配置參數信息)

1. 虛擬機配置信息：JVM的啟動參數

2. jinfo進行查看虛擬機配置信息查詢(jinfo -help查看更多)

   jinfo <pid>

3. Visual VM查看虛擬機配置信息，直接在應用程序打開，就可以看到JVM參數 和 系統屬性：

4. 一些常見的虛擬機配置參數：

   • -Xms：初始堆大小。如：-Xms256m
   • -Xmx：最大堆大小。如：-Xmx512m
   • -Xmn：新生代大小。通常為 Xmx 的 1/3 或 1/4。
   • -Xss：為每個線程分配的內存大小，JDK1.5+ 每個線程堆棧大小為 1M，一般來說如果棧不是很深的話， 1M 是絕對夠用了的。
   • -XX:NewRatio：新生代與老年代的比例，如 –XX:NewRatio=2，則新生代占整個堆空間的1/3，老年代佔2/3
   • -XX:SurvivorRatio：新生代中 Eden 與 Survivor 的比值。默認值為 8。即 Eden 佔新生代空間的 8/10，另外兩個 Survivor 各占 1/10
   • -XX:PermSize：永久代(方法區)的初始大小
     • PermSize永久代的概念在jdk1.8中已經不存在了，取而代之的是metaspace元空間，當認為執行永久代的初始大小以及最大值是jvm會給出如此下提示：
       • Java HotSpot(TM) 64-Bit Server VM warning: ignoring option PermSize=30m; support was removed in 8.0
       • Java HotSpot(TM) 64-Bit Server VM warning: ignoring option MaxPermSize=30m; support was removed in 8.0
   • -XX:MaxPermSize：永久代(方法區)的最大值
   • -XX:+PrintGCDetails：打印 GC 信息
   • -XX:+HeapDumpOnOutOfMemoryError：讓虛擬機在發生內存溢出時 Dump 出當前的內存堆轉儲快照，以便分析用

3. jps查看虛擬機進程信息

1. 用來查詢正在運行的虛擬機進程

2. jps命令，：

   • jps

3. VisualVM查看正在運行的虛擬機進程：

4. jstack显示虛擬機的線程快照

1. 生成虛擬機當前時刻的線程快照，用來查找運行時死鎖，死循環的原因

2. jstack命令，

   • jstack <pid>

3. VisualVM生成虛擬機線程快照方式：

   • 在“應用程序”窗口中右鍵單擊應用程序節點，然後選擇“線程 Dump”。
   • 在“應用程序”窗口中雙擊應用程序節點以打開應用程序標籤，然後在“線程”標籤中單擊“線程 Dump”。

4. VisualVM線程快照頁面，也可以右鍵保存快照：

5. jstat收集Hotspot虛擬機各方面的運行數據

1. 運行數據：對Java應用程序的資源和性能進行實時監控，主要包括GC情況和Heap Size資源使用情況。

2. jstat進行資源與性能監控，：

   • jstat -gc <pid>

3. VisualVM進行程序資源的實時監控：

VisualVM也提供了一些其他功能

此外，VisualVM也提供很多插件，有各樣的功能，我就不多介紹了

這篇文章，介紹了VisualVM的作用和用法，下面會寫一篇姊妹篇 帶上代碼，去分析當系統出現死鎖或者循環等異常時，內存、線程和CPU在做什麼。

本站聲明:網站內容來源於博客園,如有侵權,請聯繫我們,我們將及時處理

【其他文章推薦】

※想知道網站建置、網站改版該如何進行嗎?將由專業工程師為您規劃客製化網頁設計及後台網頁設計

※不管是台北網頁設計公司、台中網頁設計公司，全省皆有專員為您服務

※Google地圖已可更新顯示潭子電動車充電站設置地點!!

※帶您來看台北網站建置，台北網頁設計，各種案例分享

對於MySQL而言，其實分為客戶端與服務端。

• 服務端，就是MySQL應用，當我們使用net start mysql命令啟動的服務，其實就是啟動了MySQL的服務端。

• 客戶端，負責發送請求到服務端並從服務端獲取數據，客戶端可以有多種形式，可以是我們通過mysql -uroot -p1234打開的黑窗口，也可以是我們使用的Nativecat、SQLyog等數據庫連接工具，甚至我們的程序，也可以稱作MySQL的客戶端。

而當我們在mysql窗口或者數據庫連接工具中輸入一句sql后，我們就可以獲取到想要的數據，這中間MySQL到底是怎麼工作的呢？

在我們執行SQL后，例如一句簡單的select * from user where name = ‘yanger’，客戶端發送請求到服務端，請求到達Server層，會經過連接器、查詢緩存、分析器、優化器、執行器等，最終通過存儲引擎從文件系統獲取數據或者插入數據到文件系統。

連接器

在客戶端程序發起連接的時候，需要攜帶主機信息、用戶名、密碼，服務器程序會對客戶端程序提供的這些信息進行認證，如果認證失敗，服務器程序會拒絕連接。

連接命令大家都比較熟悉。

mysql -h$ip -P$port -u$user -p

輸完命令之後，需要繼續輸入密碼，密碼也可以直接跟在 -p 後面，但這樣可能會導致你的密碼泄露，如果你連的是生產服務器，強烈建議你不要這麼做。

MySQL採用TCP作為服務器和客戶端之間的網絡通信協議，完成 TCP 握手后，連接器主要做密碼校驗和權限獲取。

• 如果用戶名或密碼不對，你就會收到一個”Access denied for user”的錯誤

• 如果用戶名密碼認證通過，連接器會到權限表裡面查出你擁有的權限。之後，這個連接裏面的權限判斷邏輯，都將依賴於此時讀到的權限

MySQL的默認連接是8小時，由參數 wait_timeout 控制的，如果超過這個時間不使用，會自動斷開，並在之後的操作中，拋出Lost connection to MySQL server during query的錯誤。

查詢緩存

針對於查詢語句，MySQL 拿到一個查詢請求后，會先到查詢緩存看看，之前是不是執行過這條語句，之前執行過的語句及其結果可能會以 key-value 對的形式，被直接緩存在內存中。如果命中緩存，將直接返回結果。如果不在查詢緩存中，就會繼續後面的執行階段。執行完成后，執行結果會被存入查詢緩存中。

針對於更新語句，包含插入刪除語句，MySQL 收到更新請求時，會把查詢緩存中該表相關的緩存數據全部清空。

我們可以看到，只要有更新，緩存就會失效，而對於正常的業務，更新其實是比較頻繁的，也就是說，其實MySQL的查詢緩存命中率並不會很高，所以建議一般不到開啟。

可以通過設置 query_cache_type 為 DEMAND 來關閉查詢緩存功能。而事實上，在 MySQL 8.0 版本，更是直接移除了查詢緩存這一個功能。

分析器

MySQL 首先需要對SQL語句進行分析，分析過程本質上算是一個編譯過程，涉及詞法解析、語法分析、語義分析等階段，通過分析MySQL知道自己要做什麼。

如果語句不對，就會收到“You have an error in your SQL syntax”的錯誤提醒，一般語法錯誤會提示第一個出現錯誤的位置，所以你要關注的是緊接“use near”的內容。

優化器

面對分析器拿到的結果，MySQL會做一些優化處理，例如在表裡面有多個索引的時候，決定使用哪個索引，或者在一個語句有多表關聯（join）的時候，決定各個表的連接順序。

優化的結果就是生成一個執行計劃，這個執行計劃表明了應該使用哪些索引進行查詢，表之間的連接順序是啥樣的。我們可以使用EXPLAIN語句來查看某個語句的執行計劃。

這裏\G在命令窗口無法一行時，可以豎著展示結果，方便查看。

執行器

經過了分析器和優化器，就正式進行執行階段了，不過執行之前，需要做權限驗證，如果權限不足，就會拋出權限的錯誤。其實在查詢緩存的時候，一樣也會進行權限校驗。

如果通過驗證，執行器就打開表繼續執行。打開表的時候，執行器就會根據表的引擎定義，去使用這個引擎提供的接口。

存儲引擎

MySQL支持非常多種存儲引擎，常用的是InnoDB和MyISAM，MySQL的默認存儲引擎是InnoDB。

假如我們選擇是InnoDB引擎，對於查詢，那InnoDB 會取這個表的第一行來進行判斷是不是符合要求，符合則存在結果集中，否則繼續進行下一行，直到該表的最後一行。

然後存儲引擎將結果返回給執行器， 執行器拿着結果返回給客戶端，這樣一句SQL就執行完成了。

本站聲明:網站內容來源於博客園,如有侵權,請聯繫我們,我們將及時處理

【其他文章推薦】

※想知道網站建置、網站改版該如何進行嗎?將由專業工程師為您規劃客製化網頁設計及後台網頁設計

※不管是台北網頁設計公司、台中網頁設計公司，全省皆有專員為您服務

※Google地圖已可更新顯示潭子電動車充電站設置地點!!

※帶您來看台北網站建置，台北網頁設計，各種案例分享

相信剛接觸JS的人都會被他的想等性判斷給整糊塗，看看下面代碼，你能答對幾個？

NaN === NaN // false
NaN == NaN // false
Object.is(NaN, NaN) // true
0 == false  // true
1 == true   // true
Number(null) === 0  // true
null == 0   // false

Javascript提供了三種不同的值比較操作，分別是嚴格相等、寬鬆相等、以及Object.is，今天查完資料后做了一下總結，希望下面的內容能夠對大家有所幫助，如果哪些地方有誤的話，也歡迎大家指正。

1. 嚴格相等 x === y判斷邏輯

1. 如果x的數據類型和y的數據類型不相同，返回false；
2. 如果x是Number類型
   • x是NaN，返回false
   • y是NaN，返回false
   • x的值和y的值相等，返回true
   • x是+0，y是-0，返回true
   • x是-0，y是+0，返回true
   • 否則返回false
3. 其他類型參照SameValueNonNumber(x, y)
   • 斷言：x,y不是Number類型;
   • 斷言: x,y的數據類型相同;
   • x是undefined, y是undefined return true;
   • x是null, y是null,return true;
   • x是字符串類型,當且僅當x,y字符序列完全相同時（長度相同，每個位置上的字符也相同）返回true, 否則返回false；
   • 如果x是布爾類型，當x,y都為true或者都為false時返回true，否則返回false；
   • 如果x是symbol類型，當x,y是相同的symbol值，返回true，否則返回false;
   • 如果x,y是同一個對象值，返回true，否則返回false;

NaN === NaN // false
undefined === undefined // true
null === null   // true
undefined === null  // false

2. 寬鬆相等 x == y

1. 如果x,y的類型相同，返回x===y的結果；
2. 如果x是null, y是undefined， 返回true;
3. 如果x是undefined, y是null, 返回true;
4. 如果x是數值，y是字符串, 返回x == ToNumber(y);
5. 如果x是字符串，y是數值, 返回ToNumber(x) == y;
6. 如果x是布爾類型， 返回ToNumber(x)==y 的結果;
7. 如果y是布爾類型，返回 x==ToNumber(y) 的結果；
8. 如果x是String或Number或Symbol中的一種並且Type(y)是Object，返回 x==ToPrimitive(y) 的結果
9. 如果Type(x)是Object並且Type(y)是String或Number或Symbol中的一種，返回 ToPrimitive(x)==y 的結果
10. 其他返回false

12 == '0xc' // true, 0xc是16進制
12 == '12'  // true
12 == '12c' // false, 說明ToNumber轉換是用的Number()方法

注意：

Number(null) === 0
但是
null == 0 // false, 

2.1 ToNumber將一個值轉換為數值類型

詳情參考

1. 如果是boolean類型， true返回1，false返回0；
2. 如果是數值，只是簡單的傳入返回；
3. 如果是null，返回0
4. 如果是undefined, 返回NaN;
5. 如果是字符串，字符串如果只包含数字，則將其轉換成十進制數；如果是有效的浮點格式，將其轉換成對應的浮點數值；如果是二進制或十六進制將其轉換成對應的十進制數值；
6. 如果是對象，調用對象的valueOf()方法，然後依照前面規則轉換，如果valueOf返回值是NaN，則調用toString()方法，再依照前面的規則轉換返回的字符串

2.2 ToPrimitive

toPrimitive(A)通過嘗試調用 A 的A.toString() 和 A.valueOf() 方法，將參數 A 轉換為原始值（Primitive）；
JS中原始類型有：Number、String、Boolean、Null、Undefined;

不同類型對象的valueOf()方法的返回值:

// Array：返回數組對象本身
var array = ["ABC", true, 12, -5];
console.log(array.valueOf() === array);   // true

// Date：當前時間距1970年1月1日午夜的毫秒數
var date = new Date(2013, 7, 18, 23, 11, 59, 230);
console.log(date.valueOf());   // 1376838719230

// Number：返回数字值
var num =  15.26540;
console.log(num.valueOf());   // 15.2654

// 布爾：返回布爾值true或false
var bool = true;
console.log(bool.valueOf() === bool);   // true

// new一個Boolean對象
var newBool = new Boolean(true);
// valueOf()返回的是true，兩者的值相等
console.log(newBool.valueOf() == newBool);   // true
// 但是不全等，兩者類型不相等，前者是boolean類型，後者是object類型
console.log(newBool.valueOf() === newBool);   // false

// Function：返回函數本身
function foo(){}
console.log( foo.valueOf() === foo );   // true
var foo2 =  new Function("x", "y", "return x + y;");
console.log( foo2.valueOf() );
/*
ƒ anonymous(x,y
) {
return x + y;
}
*/

// Object：返回對象本身
var obj = {name: "張三", age: 18};
console.log( obj.valueOf() === obj );   // true

// String：返回字符串值
var str = "http://www.xyz.com";
console.log( str.valueOf() === str );   // true

// new一個字符串對象
var str2 = new String("http://www.xyz.com");
// 兩者的值相等，但不全等，因為類型不同，前者為string類型，後者為object類型
console.log( str2.valueOf() === str2 );   // false

3.同值相等

同值相等由 Object.is 方法判斷：

• 兩個值都是 undefined
• 兩個值都是 null
• 兩個值都是 true 或者都是 false
• 兩個值是由相同個數的字符按照相同的順序組成的字符串
• 兩個值指向同一個對象
• 兩個值都是数字並且
  • 都是正零 +0，
  • 或者都是負零 -0，
  • 或者都是 NaN
  • 都是除零和 NaN 外的其它同一個数字

Object.is('foo', 'foo');     // true
Object.is(window, window);   // true

Object.is('foo', 'bar');     // false
Object.is([], []);           // false

var foo = { a: 1 };
var bar = { a: 1 };
Object.is(foo, foo);         // true
Object.is(foo, bar);         // false

Object.is(null, null);       // true

Object.is(true, 'true')     // false

// 特例
Object.is(0, -0);            // false
Object.is(0, +0);            // true
Object.is(-0, -0);           // true
Object.is(NaN, 0/0);         // true

4.零值相等

與同值相等類似，不過會認為 +0 與 -0 相等。

小結

• === 不做類型轉換，當兩邊的數類型不相同時，直接返回false；當前類型相同且都是數值類型的時候，有一個是NaN，那麼結果就是false, 另外 +0 === -0
• ==運算符，當兩邊操作數類不相同時會做隱式轉換，然後才進行比較，這樣的話就會出現 false == 0, ” == false 等現象， 但是Object.is不會做這種轉換

本站聲明:網站內容來源於博客園,如有侵權,請聯繫我們,我們將及時處理

【其他文章推薦】

※想知道網站建置、網站改版該如何進行嗎?將由專業工程師為您規劃客製化網頁設計及後台網頁設計

※不管是台北網頁設計公司、台中網頁設計公司，全省皆有專員為您服務

※Google地圖已可更新顯示潭子電動車充電站設置地點!!

※帶您來看台北網站建置，台北網頁設計，各種案例分享