深入探讨JavaScript逻辑赋值运算符

浣滆€咃細JoeSeifi绉绘澶╀笅銆戝叧娉ㄨ繖浣嶅ぇ娓呮棭杩樺湪娲楃鐨勬礂纰楁櫤鑰呫€傛湰鏂囧凡鏀跺綍鍒癎itHubhttps://github.com/qq449245884/xiaozhi锛岄噷闈㈡湁瀹屾暣鐨勬祴璇曠珯鐐广€佽祫鏂欏拰鎴戠殑涓€绾垮巶鍟嗚璋堢郴鍒楁枃绔犮€傞€昏緫璧嬪€兼槸瀵圭幇鏈夋暟瀛﹀拰浜岃繘鍒堕€昏緫杩愮畻绗︾殑鎵╁睍銆傝鎴戜滑鍏堝洖椤句竴涓嬪畠浠紝鐪嬬湅灏嗗畠浠粍鍚堣捣鏉ヨ兘寰楀埌浠€涔堛€傞鍏堬紝璁╂垜浠湅鐪婮S涓潯浠惰繍绠楃鍜屾棤鏉′欢杩愮畻绗︾殑鍖哄埆馃槑銆傛棤鏉′欢涓庢潯浠舵暟瀛﹁繍绠楃锛堜緥濡?锛夋槸鏃犳潯浠剁殑銆傚湪constx=1+2涓紝鎴戜滑鎬绘槸灏哃HS涓嶳HS鐩稿姞锛屾棤璁哄浣曪紝骞跺皢缁撴灉璧嬪€肩粰x銆侺HS鍜孯HS鏄暟瀛﹂鍩熺殑姒傚康锛屾剰鎬濇槸绛夊紡宸﹁竟鍜岀瓑寮忓彸杈广€傚湪鎴戜滑褰撳墠鐨勫満鏅腑锛屽畠浠槸璧嬪€艰繍绠楃鐨勫乏渚у拰鍙充晶銆傚綋鍙橀噺鍑虹幇鍦ㄨ祴鍊艰繍绠楃鐨勫乏渚ф椂锛岃繘琛孡HS鏌ヨ锛涘惁鍒欙紝灏嗘墽琛孯HS鏌ヨ馃槰銆傛垜浠敋鑷冲彲浠ュ啓涓€浜涘鎬殑浠ｇ爜锛屾瘮濡俢onstx=false+2銆侸S鍏堟妸false鐨凩HS杞垚Number锛屾墍浠ュ緱鍒癱onstx=Number(false)+2锛岀粨鏋滄槸constx=0+2锛屾妸LHS鍔犱笂RHS锛屾渶鍚庤祴鍊肩粰x锛屽緱鍒?.&&绛夐€昏緫杩愮畻绗︽槸鏈夋潯浠剁殑鍦╟onstx=true&&0+2涓紝棣栧厛璁＄畻LHS锛屼负鐪熴€傜敱浜嶭HS璁＄畻缁撴灉涓虹湡锛屾垜浠帴涓嬫潵杩愯RHS鎿嶄綔锛岃绠楃粨鏋滀负2锛岃繕杩愯璧嬪€兼搷浣滐紝璁＄畻缁撴灉涓?銆備笌constx=false&&0+2鐩告瘮锛孡HS涓哄亣锛屽洜姝HS琚畬鍏ㄥ拷鐣?鎮ㄥ彲鑳芥兂鐭ラ亾涓轰粈涔堣閬垮厤璁＄畻RHS锛熶袱涓父瑙佺殑鍘熷洜鏄幏寰楁洿濂界殑鎬ц兘鍜岄伩鍏嶅壇浣滅敤馃挭銆備簩鍏冮€昏緫杩愮畻绗?&||锛燂紵鍦↗SX涓垜浠粡甯镐娇鐢?&鍜寍|鏈夋潯浠跺湴鍛堢幇鐣岄潰銆傦紵锛熸槸nullish锛堢┖鍊硷級鍚堝苟杩愮畻绗︼紝杩欐槸鏈€杩戞彁鍑烘潵鐨勶紝寰堝揩灏变細娴佽璧锋潵銆傚畠浠槸浜屽厓閫昏緫杩愮畻绗︺€備娇鐢?&鏉ユ楠孡HS鐨勭粨鏋滄槸鍚︿负鐪熷€笺€備娇鐢▅|娴嬭瘯LHS鐨勭粨鏋滄槸鍚︿负鍋囧€笺€備娇鐢紵锛熸祴璇昄HS鏄惁鏃犳晥銆侳alsevaluevsNullishJS涓殑falsevalues鏈夊摢浜涳紵nullundefinedfalseNaN0""(emptystring)涓嬮潰涓ゅ濡圭畻nullish鍊拣煒с€俷ullundefined鍊煎緱娉ㄦ剰鐨勬槸锛屼娇鐢ㄤ簩鍏冮€昏緫杩愮畻绗︿笉涓€瀹氳繑鍥炲竷灏斿€硷紝鑰屾槸杩斿洖琛ㄨ揪寮忕殑LHS鎴朢HS鍊笺€備负浜嗛槓鏄庤繖浜涜〃杈惧紡绫诲瀷鐨勮鐐癸紝鍥為【涓€涓婨CMAScript鏂囨。涓殑杩欏彞璇濅細寰堟湁甯姪锛?&鎴東|浜х敓鐨勫€间笉涓€瀹氭槸甯冨皵鍊硷紝鑰屾槸涓や釜鎿嶄綔鏁拌〃杈惧紡鍊间箣涓€銆備竴浜涗緥瀛?/&&///濡傛灉LHS涓虹湡锛岃绠楀苟杩斿洖RHS锛屽惁鍒欒繑鍥濴HStrue&&100**2//10000"Joe"&&"JavaScript"//"JavaScript"false&&100**2//false""&&100**2//""NaN&&100**2//NaNnull&&100**2//nullundefined&&100**2//undefined閫昏緫璧嬪€艰繍绠楃&&=||=??=This杩愮畻绗﹀皢璧嬪€间笌鏉′欢閫昏緫杩愮畻绗︾粨鍚堝湪涓€璧凤紝鍥犳寰楀悕鈥滈€昏緫璧嬪€尖€濔煒氥€傚畠浠彧鏄畝鍐欙紝渚嬪x&&=y鏄痻&&(x=y)鐨勭畝鍐欍€備粠閫昏緫璧嬪€艰繑鍥炵殑鍊间笉鏄洿鏂板悗鐨勮祴鍊硷紝鑰屾槸璁＄畻琛ㄨ揪寮忕殑鍊笺€傜敱浜庝互鍓嶇殑ECMAScript鐗规€э紝渚嬪榛樿鍙傛暟鍜宯ullish鍚堝苟杩愮畻绗︼紝鎮ㄥ彲鑳戒細浜夎京璇撮€昏緫璧嬪€兼彁渚涚殑鍔熻兘鑲畾瀛樺湪涓€浜涘啑浣欍€傝櫧鐒惰繖涓畝鍐欑湅璧锋潵寰堝阀濡欙紝浣嗘垜鐩镐俊闅忕潃鎴戜滑鍙戠幇鏇村鐢ㄤ緥锛屽畠浼氭淳涓婄敤鍦恒€傞€昏緫涓庤祴鍊?&&=)//閫昏緫涓嶭HS&&=RHS//绛夊悓浜嶭HS&&(LHS=RHS)//绀轰緥//濡傛灉x涓虹湡锛屽垯灏唜璧嬪€肩粰y锛屽惁鍒欒繑鍥瀤//濡傛灉x涓虹湡鍊硷紝鍒欏皢y璧嬪€肩粰x锛屽惁鍒欒繑鍥瀤letx=1consty=100x&&=y//x涓?00//瀵瑰簲鐨勯暱鍐欐硶x&&(x=y)閫昏緫鎴栬祴鍊?||=)//閫昏緫鎴朙HS||=RHS//绛変环浜嶭HS||(LHS=RHS)//绀轰緥//濡傛灉x涓虹湡锛屽垯杩斿洖x锛屽惁鍒欏皢y鍒嗛厤缁檟letx=NaNconsty=100x||=y//x鏄?00//涓婇潰瀵瑰簲鐨勯暱褰㈠紡x||(x=y)閫昏緫绌哄€艰祴鍊???=)//閫昏緫绌哄€糒HS??=RHS//绛夊悓浜嶭HS??(LHS=RHS)//Example//濡傛灉x.z涓簄ullish锛屽垯灏唜.z鍒嗛厤缁檡letx={}lety=100;x.z??=y//xis{z:100}//涓婇潰瀵瑰簲鐨勯暱鏍煎紡Examplex.z涓殑閫昏緫璧嬪€??(x.z=y)implementationJSXletinReactloading=trueconstspinner=loading&&=spinnerDOMel.innerHTML||='somedefault'object//濡傛灉瀵硅薄娌℃湁onLoad鏂规硶锛屽垯璁剧疆鏂规硶constconfig={};config.onLoad??=()=>console.log('loaded!')constmyObject={a:{}}myObject.a||='A';//琚姞杞藉拷鐣ワ紝鍥犱负a鍦╩yObject涓负鐪焟yObject.b||='B';//myObject.b灏嗚鍒涘缓锛屽洜涓哄畠涓嶅湪myObject涓?/{//"a":{}//"b":"B"//}myObject.c&&='鎴戠湅鍒颁簡鍚楋紵';//杩欓噷myObject.c鏄竴涓櫄鎷熷€硷紝鎵€浠ヤ粈涔堥兘涓嶄細鍋氬浣曞湪浣犵殑椤圭洰涓娇鐢ㄩ€昏緫璧嬪€糃hrome宸茬粡鏀寔閫昏緫璧嬪€间负浜嗗悜鍚庡吋瀹癸紝浣跨敤杞崲鍣ㄣ€傚鏋滀綘浣跨敤鐨勬槸Babel锛岃瀹夎鎻掍欢锛歯pminstall@babel/plugin-proposal-logical-assignment-operators骞跺湪.babelrc涓坊鍔犲涓嬪唴瀹癸細{"plugins":["@babel/plugin-proposal-logical-assignment-operators"]}閫昏緫璧嬪€兼槸涓€涓叏鏂扮殑姒傚康锛屾墍浠ョ洰鍓嶅瀹冪殑浜嗚В杩樹笉澶氥€傚鏋滄偍杩樻湁鍏朵粬鑹ソ浣跨敤閫昏緫璧嬪€肩殑绀轰緥锛岃鍦ㄤ笅闈㈠彂琛ㄨ瘎璁吼煒溿€備唬鐮侀儴缃插悗鍙兘瀛樺湪鐨刡ug锛屾棤娉曞疄鏃惰幏鐭ャ€備簨鍚庝负浜嗚В鍐宠繖浜沚ug锛岃姳璐逛簡澶ч噺鐨勬椂闂村湪鏃ュ織璋冭瘯涓娿€傞『渚挎帹鑽愪竴涓ソ鐢ㄧ殑bug鐩戞帶宸ュ叿Fundebug銆傚師鏂囷細https://seifi.org/javascript/...浜ゆ祦鏈夋ⅵ鎯筹紝鏈夊共璐э紝寰俊鎼滅储銆愪紵澶х殑璧板悜涓栫晫銆戝叧娉ㄨ繖浣嶅噷鏅ㄨ繕鍦ㄦ礂纰楃殑娲楃鏅烘収銆傛湰鏂嘒itHubhttps://github.com/qq44924588...宸叉敹褰曪紝鏈夊畬鏁寸殑娴嬭瘯绔欑偣銆佽祫鏂欏拰鎴戠殑涓€绾垮巶鍟嗚璋堢郴鍒楁枃绔犮€?/p>