欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Javascript中的 “&” 和 “|” 詳解

 更新時間:2017年02月02日 11:49:10   作者:敲代碼的怪蜀黍  
本文主要介紹了Javascript中的 “&” 和 “|” 的相關(guān)知識。具有很好的參考價值,下面跟著小編一起來看下吧

一、前言:

在文章開始之前,先出幾個題目給大家看看:

var num1 = 1 & 0;
console.log(num1); // 0
var num2 = 'string' & 1;
console.log(num2); // 0
var num3 = true & 1;
console.log(num3); // 1 
var num4 = undefined | false;
console.log(num4); // 0 
var num5 = undefined | true;
console.log(num5); // 1 
var num6 = 23 & 5;
console.log(num6); // 5
var num7 = 23 | 5;
console.log(num7); // 23

上面的題目大家都做對了嗎?我們之前有總結(jié)過 《淺談javascript中的 “ && ” 和 “ || ” 》,"&&” 和 “||” 是邏輯運(yùn)算表達(dá)式中的操作符。那么一個 “&” 或者一個 “|” 又代表什么含義呢?有什么特性呢?接下來,我們就來一一揭秘。

首先,我們得清楚 “&” 和 “|” 是位運(yùn)算操作符。

位運(yùn)算符用于在最基本的層次上,即按內(nèi)存中表示數(shù)值的位來操作數(shù)值。ECMAScript中的所有數(shù)值都以IEEE-754 64位格式存儲,但位操作符并不直接操作64位的值。而是先將64位的值轉(zhuǎn)換成32位的整數(shù),然后執(zhí)行操作,最后再將結(jié)果轉(zhuǎn)換為64位。對于開發(fā)人員來說,由于64位存儲格式是透明的,因此整個過程就像是只存在32位的整數(shù)一樣。

對于有符號的整數(shù),32位中的前31位用于表示整數(shù)的值。第32位表示數(shù)值的符號:0表示正數(shù),1表示負(fù)數(shù)。這個表示符號的位叫做符號位,符號位的值決定了其他位數(shù)值的格式。其中,正數(shù)以純二進(jìn)制格式存儲,31位中的每一位都表示2的冪。第一位(叫做位0)表示20,第二位表示21,以此類推。沒有用到的位以0表示,即忽略不計。例如,數(shù)值18的二進(jìn)制表示是0000 0000 0000 0000 0000 0000 0001 0010,或者更簡潔的10010。這是5個有效位,這5位本身就決定了實際的值。

負(fù)數(shù)同樣以二進(jìn)制碼存儲,但使用的格式是二進(jìn)制補(bǔ)碼。計算一個數(shù)值的二進(jìn)制補(bǔ)碼,需要經(jīng)過下列3個步驟:

(1)求這個數(shù)值絕對值的二進(jìn)制碼(例如,要求-18的二進(jìn)制補(bǔ)碼,先求18的二進(jìn)制碼);

(2)求二進(jìn)制反碼,即將0替換為1,將1替換為0;

(3)得到的二進(jìn)制反碼加1。

這樣,求得了-18的二進(jìn)制表示,即1111 1111 1111 1111 1111 1111 1110 1110。

......在ECMAScript中,當(dāng)對數(shù)值應(yīng)用位操作符時,后臺會發(fā)生如下轉(zhuǎn)換過程:64位的數(shù)值被轉(zhuǎn)換成32位數(shù)值,然后執(zhí)行位操作,最后再將32位的結(jié)果轉(zhuǎn)換回64位數(shù)值。這樣,表面上看起來就好像是在操作32位數(shù)值,就跟在其他語言中以類似方式執(zhí)行二進(jìn)制操作一樣。但這個轉(zhuǎn)換過程也導(dǎo)致了一個嚴(yán)重的副效應(yīng),即在對特殊的NaN和Infinity值應(yīng)用位操作時,這兩個值都會被當(dāng)成0來處理。

如果對非數(shù)值應(yīng)用位操作符,會先使用Number()函數(shù)將該值轉(zhuǎn)換為一個數(shù)值(自動完成),然后再應(yīng)用位操作。得到的結(jié)果將是一個數(shù)值。 ......(截取自《Javascript高級程序設(shè)計》)

二、“&”(按位與AND):

按位與操作符由一個和號字符(&)表示,它有兩個操作符數(shù)。從本質(zhì)上來講,按位與操作就是將兩個數(shù)值的每一位對齊,對相同位置上的兩個數(shù)執(zhí)行AND操作。

按位與AND操作規(guī)則:只有兩個數(shù)值的對應(yīng)位都是1時才返回1,任何一位是0,結(jié)果都是0。

前面已經(jīng)把理論性的東西說的太多了,但是我覺得理論又很有必要。接下來,直接分析例子吧!

我們先看上面題目中的 num1,num2,num3以及num6。我們嘗試結(jié)合上面的理論來分析為什么會輸出最終的結(jié)果。

// num1是1和0進(jìn)行“按位與”操作后的返回值。1的二進(jìn)制碼簡寫為1,0的二進(jìn)制碼簡寫為0,根據(jù)上面的規(guī)則,第二個操作符數(shù)為0,結(jié)果是0
var num1 = 1 & 0;
console.log(num1); // 0 
// 第一個操作符數(shù)是字符串,按照前言里面的理論,對于非數(shù)值的操作符數(shù),先使用Number()函數(shù)處理,結(jié)果返回NaN,NaN又會被當(dāng)成0來處理。所以最終結(jié)果也是0
var num2 = 'string' & 1;
console.log(num2); // 0
// true是布爾類型值,同樣使用Number()函數(shù)處理,處理后得到數(shù)值1,于是表達(dá)式就相當(dāng)于“1 & 1” 進(jìn)行位運(yùn)算,當(dāng)兩個數(shù)值都為1的時候,結(jié)果返回1
var num3 = true & 1;
console.log(num3); // 1
// 23的二進(jìn)制碼是:...10111,5的二進(jìn)制碼是:...00101。然后每一位進(jìn)行對齊處理,結(jié)合上面的規(guī)則,可以得出10111&00101的結(jié)果是:00101。00101就是5
var num6 = 23 & 5;
console.log(num6); // 5 
// 再加個例子:24的二進(jìn)制碼為...11000,7的二進(jìn)制碼為...00111,相同位置的兩個數(shù)執(zhí)行AND操作,結(jié)果發(fā)現(xiàn)結(jié)果是...00000。所以最終結(jié)果是0,你算對了嗎?
var add1 = 24 & 7;
console.log(add1); // 0 

三、“|”(按位或OR):

按位或操作符由一個豎線符號(|)表示,同樣有兩個操作符數(shù)。從本質(zhì)上來講,按位或操作也是將兩個數(shù)值的每一位對齊,對相同位置上的兩個數(shù)執(zhí)行OR操作。

按位或OR操作規(guī)則:只要兩個數(shù)值的對應(yīng)位有一個是1就返回1,而只有在兩個位都是0的情況下才返回0。

我們接最上面的例子來看吧!

// 第一個操作符數(shù)為undefined,第二個操作符數(shù)是false,均不是數(shù)值,所以都要先使用Number()函數(shù)處理,處理結(jié)果都是返回NaN,NaN又會被當(dāng)成0處理,于是最終結(jié)果是0
var num4 = undefined | false;
console.log(num4); // 0
// 第一個操作符數(shù)相當(dāng)于0,第二個操作符數(shù)相當(dāng)于1,結(jié)合按位或的規(guī)則,最終結(jié)果是1
var num5 = undefined | true;
console.log(num5); // 1
// 23的二進(jìn)制碼是:...10111,5的二進(jìn)制碼是:...00101。然后每一位進(jìn)行對齊處理,結(jié)合上面的規(guī)則,可以得出10111|00101的結(jié)果是:10111。10111就是23
var num7 = 23 | 5;
console.log(num7); // 23
// 再加個例子:24的二進(jìn)制碼為...11000,7的二進(jìn)制碼為...00111,相同位置的兩個數(shù)執(zhí)行AND操作,結(jié)果發(fā)現(xiàn)結(jié)果是...11111。所以最終結(jié)果是31,你算對了嗎?
var add2 = 24 | 7;
console.log(add2); // 31

四、其他:

相信也會有一些朋友不知道怎么把數(shù)值轉(zhuǎn)換成標(biāo)準(zhǔn)的二進(jìn)制碼,那么有沒有快速的方法呢?答案是肯定的。

我的網(wǎng)上隨機(jī)找到了一個在線轉(zhuǎn)換工具地址:數(shù)值進(jìn)制轉(zhuǎn)換(點我查看)。(當(dāng)然,你也可以使用你找到的別的工具,不管怎樣,能實現(xiàn)效果就是我們的最終目的)

最后,再附上我通過手寫轉(zhuǎn)換二進(jìn)制過程中總結(jié)的規(guī)律圖,依然可以快速將數(shù)值轉(zhuǎn)換成二進(jìn)制碼,逼格滿滿噠!

以上就是本文的全部內(nèi)容,希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作能帶來一定的幫助,同時也希望多多支持腳本之家!

相關(guān)文章

  • JS驗證郵箱格式是否正確的代碼

    JS驗證郵箱格式是否正確的代碼

    驗證郵箱格式是否正確的方法有很多,接下來為大家介紹下使用js是如何做到的
    2013-12-12
  • 全面解析js中的原型,原型對象,原型鏈

    全面解析js中的原型,原型對象,原型鏈

    這篇文章主要介紹了圖解js中的原型,原型對象,原型鏈,幫助大家更好的理解和使用JavaScript,感興趣的朋友可以了解下
    2021-01-01
  • 生產(chǎn)制造追溯系統(tǒng)之再說條碼打印

    生產(chǎn)制造追溯系統(tǒng)之再說條碼打印

    這篇文章主要介紹了生產(chǎn)制造追溯系統(tǒng)之再說條碼打印,本文圖文并茂給大家介紹的非常詳細(xì),具有一定的參考借鑒價值,需要的朋友可以參考下
    2019-06-06
  • JavaScript網(wǎng)頁定位詳解

    JavaScript網(wǎng)頁定位詳解

    本篇文章主要是對JavaScript網(wǎng)頁定位進(jìn)行了詳細(xì)的介紹,需要的朋友可以過來參考下,希望對大家有所幫助
    2014-01-01
  • JavaScript的Proxy對象詳解

    JavaScript的Proxy對象詳解

    這篇文章主要為大家介紹了JavaScript的Proxy對象,具有一定的參考價值,感興趣的小伙伴們可以參考一下,希望能夠給你帶來幫助
    2021-12-12
  • JavaScript面向?qū)ο笾w會[總結(jié)]

    JavaScript面向?qū)ο笾w會[總結(jié)]

    看過很多JavaScript書,對JavaScript的面向?qū)ο笾v的都比較深入,但是并沒有做到深入淺出,總結(jié)了我做的一些JavaScript程序的經(jīng)驗,以簡潔明了的文字使大家明白JavaScript面向?qū)ο蟮膶崿F(xiàn)。
    2008-11-11
  • es6新增對象的實用方法總結(jié)

    es6新增對象的實用方法總結(jié)

    在JavaScript中,幾乎每一個值都是某種特定類型的對象,于是ES6也著重提升了對象的功能性,下面這篇文章主要給大家介紹了關(guān)于es6新增對象實用方法的相關(guān)資料,需要的朋友可以參考下
    2022-05-05
  • 詳解JS中的compose函數(shù)和pipe函數(shù)用法

    詳解JS中的compose函數(shù)和pipe函數(shù)用法

    這篇文章主要介紹了JS中的compose函數(shù)和pipe函數(shù)用法,想深入了解Javascript的同學(xué),可以參考下
    2021-04-04
  • js實現(xiàn)tab切換效果實例

    js實現(xiàn)tab切換效果實例

    這篇文章主要介紹了js實現(xiàn)的tab標(biāo)簽切換效果,功能非常簡單,實現(xiàn)了點擊切換的效果,推薦給大家,有需要的小伙伴可以參考下。
    2015-09-09
  • Javascript 獲取鏈接(url)參數(shù)的方法[正則與截取字符串]

    Javascript 獲取鏈接(url)參數(shù)的方法[正則與截取字符串]

    有時我們需要在客戶端獲取鏈接參數(shù),一個常見的方法是將鏈接當(dāng)做字符串,按照鏈接的格式分解,然后獲取對應(yīng)的參數(shù)值。本文給出的就是這個流程的具體實現(xiàn)方法。
    2010-02-02

最新評論