Javascript - 基本運(yùn)算符(+业汰,-,*菩颖,/样漆,%)

簡(jiǎn)單的了解一下 +,-晦闰,*放祟,/,%

+(加號(hào)運(yùn)算符)

這里分為一元呻右、二元運(yùn)算

+ 之 一元運(yùn)算符

+號(hào)運(yùn)算符作為一元運(yùn)算符時(shí)跪妥,加號(hào)后面的表達(dá)式or變量將進(jìn)行轉(zhuǎn)換成Number類(lèi)型

//null
console.log(+null);  //0

//undefined
console.log(+undefined);  //NaN

//boolean
console.log(+true);  //1
console.log(+false);  //0

//string
console.log(+"1");  //1
console.log(+"-1");  //-1
console.log(+"abc");  //NaN
console.log(+"");  //0
console.log(+"   ");  //0

//object
console.log(+{});  //NaN

總結(jié):

  • Undefined類(lèi)型,返回NaN声滥;
  • Null類(lèi)型眉撵,返回0;
  • Boolean類(lèi)型落塑,true:返回1 false:返回0纽疟;
  • Number類(lèi)型,返回的就是Number;
  • String類(lèi)型憾赁,若字符串為純數(shù)字時(shí)返回轉(zhuǎn)換后的數(shù)字污朽;非純數(shù)字返回NaN;
  • Object類(lèi)型龙考,進(jìn)行以下步驟:
    1.先進(jìn)行ToPrimitive(argument, hint Number)得到rs蟆肆;
    2.然后返回 ToNumber(rs)的結(jié)果矾睦。
    //至于對(duì)象,后續(xù)再驗(yàn)證炎功;
+ 之 二元運(yùn)算符
//number + number
console.log( 1 + 2 );  //3

//number + boolean
console.log( 1 + true );  //2
console.log( 1 + false );  //1

//number + string
console.log( 1 + "2" );  //"12"

//number + null
console.log( 1 + null );  //1

//number + undefined
console.log( 1 + undefined );  //NaN

//string + string
console.log( "1" + "2" );  //"12"

//string + boolean
console.log( "1" + true );  //"1true"

//string + null
console.log( "1" + null );  //"1null"

//string + undefined
console.log( "1" + undefined );  //"1undefined"

//boolean + null
console.log( true + null );  //1

//boolean + undefined
console.log( true + undefined );  //NaN

//null + undefined
console.log( null + undefined );  //NaN

//object + number
console.log( {} + 1 ); //[object Object]1

總結(jié):

  • number + number 枚冗,返回number;
  • number + null蛇损,返回number官紫,null的值為0;
  • number + undefined州藕,返回NaN束世,因?yàn)閡ndefined轉(zhuǎn)換成number是就是NaN,NaN與任何數(shù)運(yùn)算都是NaN;
  • string + other(number, null, undefined, boolean) 床玻,返回字符串毁涉,會(huì)先將other中轉(zhuǎn)換成字符串,然后拼接在一起锈死;
  • boolean + null贫堰,返回1/0,取決于boolean待牵,null的值為0其屏;
  • boolean + undefined,返回NaN缨该;
  • null + undefined偎行, 返回NaN;
  • 對(duì)象的邏輯將在下面給出贰拿;

所有其他類(lèi)型的值都會(huì)被自動(dòng)轉(zhuǎn)換成這兩種類(lèi)型(number蛤袒,string)的值。

加法運(yùn)算符會(huì)觸發(fā)三種類(lèi)型轉(zhuǎn)換:

  1. 轉(zhuǎn)換為數(shù)字
  2. 轉(zhuǎn)換為字符串
  3. 轉(zhuǎn)換為原始值

通過(guò) ToNumber() 將值轉(zhuǎn)換為數(shù)字

ToNumber.png

如果輸入的值是一個(gè)對(duì)象膨更,則會(huì)首先會(huì)調(diào)用 ToPrimitive(obj, Number) 將該對(duì)象轉(zhuǎn)換為原始值妙真, 然后在調(diào)用 ToNumber() 將這個(gè)原始值轉(zhuǎn)換為數(shù)字。

通過(guò)ToString()將值轉(zhuǎn)換為字符串

ToString.png

如果輸入的值是一個(gè)對(duì)象荚守,則會(huì)首先會(huì)調(diào)用 ToPrimitive(obj, String) 將該對(duì)象轉(zhuǎn)換為原始值珍德, 然后再調(diào)用 ToString() 將這個(gè)原始值轉(zhuǎn)換為字符串。

通過(guò) ToPrimitive() 將值轉(zhuǎn)換為原始值

原始值:undefined矗漾,null锈候,boolean,number缩功,string

//可選參數(shù) PreferredType 可以是 Number 或者 String晴及。 它只代表了一個(gè)轉(zhuǎn)換的偏好都办,轉(zhuǎn)換結(jié)果不一定必須是這個(gè)參數(shù)所指的類(lèi)型嫡锌,但轉(zhuǎn)換結(jié)果一定是一個(gè)原始值虑稼。
ToPrimitive(input,PreferredType?)
  • PreferredType 被標(biāo)志為 Number
  1. 如果 input 是個(gè)原始值势木,則直接返回它蛛倦。
  2. 否則,如果 input 是一個(gè)對(duì)象啦桌。則調(diào)用 obj.valueOf() 方法溯壶。 如果返回值是一個(gè)原始值,則返回這個(gè)原始值甫男。
  3. 否則且改,調(diào)用 obj.toString() 方法。 如果返回值是一個(gè)原始值板驳,則返回這個(gè)原始值又跛。
  4. 否則,拋出 TypeError 異常若治。
  • PreferredType 被標(biāo)志為 String
  1. 如果 input 是個(gè)原始值慨蓝,則直接返回它。
  2. 否則端幼,調(diào)用 obj.toString() 方法礼烈。 如果返回值是一個(gè)原始值,則返回這個(gè)原始值婆跑。
  3. 否則此熬,如果 input 是一個(gè)對(duì)象。則調(diào)用 obj.valueOf() 方法滑进。 如果返回值是一個(gè)原始值摹迷,則返回這個(gè)原始值。
  4. 否則郊供,拋出 TypeError 異常峡碉。
  • 沒(méi)有 PreferredType 這個(gè)參數(shù),則 PreferredType 的值會(huì)按照這樣的規(guī)則來(lái)自動(dòng)設(shè)置
  1. Date 類(lèi)型的對(duì)象會(huì)被設(shè)置為 String驮审。
  2. 其它類(lèi)型的值會(huì)被設(shè)置為 Number鲫寄。
var obj = {
    toString(){
        console.log("toString");
        return {};
    },

    valueOf(){
        console.log("valueOf");
        return {};
    }
}

/* 打印結(jié)果
valueOf
toString
Uncaught TypeError: Cannot convert object to primitive value
*/
console.log(Number(obj)); 

-(減號(hào)運(yùn)算符)

這里分為一元、二元運(yùn)算疯淫,其中一元運(yùn)算符跟+是一樣的地来,二元運(yùn)算符也跟+差不多,少了字符串拼接的功能熙掺。
總結(jié):

  • 如果兩個(gè)操作符都是數(shù)值, 則執(zhí)行常規(guī)的算術(shù)減法操作未斑,并返回結(jié)果。
console.log(2-1); //1
  • 如果有一個(gè)操作數(shù)是NaN币绩, 則結(jié)果也是NaN蜡秽。
console.log( 2 - 'a' );  //NaN
  • 如果有一個(gè)操作數(shù)是字符串府阀、布爾值、null芽突、undefined則先在后臺(tái)調(diào)用Number()方法將其轉(zhuǎn)換為數(shù)值, 然后在根據(jù)根據(jù)前面的規(guī)則進(jìn)行減法計(jì)算试浙,如果轉(zhuǎn)換的結(jié)果是NaN, 則減法的結(jié)果就是NaN。
console.log(2-undefined);  //NaN

console.log(2-null);  //2

console.log( 2 - "1" );  //1

console.log( 2 - 'a' );  //NaN
  • 如果有一個(gè)操作數(shù)是對(duì)象寞蚌,則調(diào)用對(duì)象的 valueof() 方法以取得該方法返回后的值田巴,如果得到的值是NaN,則減法的結(jié)果就是NaN, 如果對(duì)象沒(méi)有valueOf()方法,則調(diào)用其toString()方法并將得到的字符串轉(zhuǎn)為數(shù)值挟秤。
console.log( 2 - {} ); //NaN

* (乘號(hào)運(yùn)算符)

//number * number
console.log(1 * 2);  //2

//number * string
console.log(1 * "2");  //2

//number * boolean
console.log(1 * true);  //1

//number * null
console.log(1 * null);  //0

//number * undefined
console.log(1 * undefined);  //NaN

//string * boolean
console.log("2" * true );  //2

//string * null
console.log("2" * null);  //0

//string * undefined
console.log("2" * undefined);  //NaN

//boolean * null
console.log(true * null);  //0

//boolean * undefined
console.log(true * undefined);  //NaN

//undefined * null
console.log(undefined * null);  //NaN

整體邏輯和-差不多壹哺;

/ (除號(hào)運(yùn)算符),%(求余運(yùn)算符)

整體邏輯和*差不多艘刚,都是先轉(zhuǎn)換成number類(lèi)型

注:關(guān)于對(duì)象的類(lèi)型轉(zhuǎn)換斗躏,這篇文章沒(méi)有什么說(shuō)明,后續(xù)學(xué)習(xí)到對(duì)象的時(shí)候昔脯,將繼續(xù)補(bǔ)充啄糙。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市云稚,隨后出現(xiàn)的幾起案子隧饼,更是在濱河造成了極大的恐慌,老刑警劉巖静陈,帶你破解...
    沈念sama閱讀 216,591評(píng)論 6 501
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件燕雁,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡鲸拥,警方通過(guò)查閱死者的電腦和手機(jī)拐格,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,448評(píng)論 3 392
  • 文/潘曉璐 我一進(jìn)店門(mén),熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)刑赶,“玉大人捏浊,你說(shuō)我怎么就攤上這事∽策叮” “怎么了金踪?”我有些...
    開(kāi)封第一講書(shū)人閱讀 162,823評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)牵敷。 經(jīng)常有香客問(wèn)我胡岔,道長(zhǎng),這世上最難降的妖魔是什么枷餐? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,204評(píng)論 1 292
  • 正文 為了忘掉前任靶瘸,我火速辦了婚禮,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘怨咪。我一直安慰自己屋剑,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,228評(píng)論 6 388
  • 文/花漫 我一把揭開(kāi)白布惊暴。 她就那樣靜靜地躺著,像睡著了一般趁桃。 火紅的嫁衣襯著肌膚如雪辽话。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書(shū)人閱讀 51,190評(píng)論 1 299
  • 那天卫病,我揣著相機(jī)與錄音油啤,去河邊找鬼。 笑死蟀苛,一個(gè)胖子當(dāng)著我的面吹牛益咬,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播帜平,決...
    沈念sama閱讀 40,078評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼幽告,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了裆甩?” 一聲冷哼從身側(cè)響起冗锁,我...
    開(kāi)封第一講書(shū)人閱讀 38,923評(píng)論 0 274
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎嗤栓,沒(méi)想到半個(gè)月后冻河,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,334評(píng)論 1 310
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡茉帅,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,550評(píng)論 2 333
  • 正文 我和宋清朗相戀三年叨叙,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片堪澎。...
    茶點(diǎn)故事閱讀 39,727評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡擂错,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出樱蛤,到底是詐尸還是另有隱情马昙,我是刑警寧澤,帶...
    沈念sama閱讀 35,428評(píng)論 5 343
  • 正文 年R本政府宣布刹悴,位于F島的核電站行楞,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏土匀。R本人自食惡果不足惜子房,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,022評(píng)論 3 326
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧证杭,春花似錦田度、人聲如沸。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 31,672評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至送讲,卻和暖如春奸笤,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背哼鬓。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 32,826評(píng)論 1 269
  • 我被黑心中介騙來(lái)泰國(guó)打工监右, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人异希。 一個(gè)月前我還...
    沈念sama閱讀 47,734評(píng)論 2 368
  • 正文 我出身青樓健盒,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親称簿。 傳聞我的和親對(duì)象是個(gè)殘疾皇子扣癣,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,619評(píng)論 2 354

推薦閱讀更多精彩內(nèi)容