电脑知识|欧美黑人一区二区三区|软件|欧美黑人一级爽快片淫片高清|系统|欧美黑人狂野猛交老妇|数据库|服务器|编程开发|网络运营|知识问答|技术教程文章 - 好吧啦网

您的位置:首頁技術文章
文章詳情頁

有趣的JavaScript隱式類型轉換操作實例分析

瀏覽:101日期:2023-10-31 11:32:02

本文實例講述了JavaScript隱式類型轉換操作。分享給大家供大家參考,具體如下:

JavaScript的數據類型是非常弱的(不然不會叫它做弱類型語言了)!在使用算術運算符時,運算符兩邊的數據類型可以是任意的,比如,一個字符串可以和數字相加。之所以不同的數據類型之間可以做運算,是因為JavaScript引擎在運算之前會悄悄的把他們進行了隱式類型轉換的,如下是數值類型和布爾類型的相加:

3 + true; // 4

結果是一個數值型!如果是在C或者Java環境的話,上面的運算肯定會因為運算符兩邊的數據類型不一致而導致報錯的!但是,在JavaScript中,只有少數情況下,錯誤類型才會導致出錯,比如調用非函數,或者讀取null或者undefined的屬性時,如下:

'hello'(1); // error: not a functionnull.x; // error: cannot read property ’x’ of null

多數情況下,JavaScript都不會出錯的,而是自動的進行相應的類型轉換。比如-, *, /,和%等算術運算符都會把操作數轉換成數字的,但是“+”號就有點不一樣了,有些情況下,它是算術加號,有些情況下,是字符串連接符號,具體的要看它的操作數,如下:

2 + 3; // 5'hello' + ' world'; // 'hello world'

但是,如果字符串和數字相加,會是怎樣的結果呢?JavaScript會自動把數字轉換成字符的,不管數字在前還是字符串在前,如下:

'2' + 3; // '23'2 + '3'; // '23'

字符串和數字相加結果是字符串,字符串和數字相加結果是字符串,字符串和數字相加結果是字符串,重要的事情說三遍!!!!!!

此外,需要注意的是,“+”的運算方向是從左到右的,如下:

1 + 2 + '3'; // '33'

這與下面是等價的:

(1 + 2) + '3'; // '33'

相比之下,下面的結果是不一樣的:

1 + '2' + 3; // '123'

但是,隱式類型轉換,有時候,會隱藏一些錯誤的,比如,null會轉換成0,undefined會轉換成NaN。需要注意的是,NaN和NaN是不相等的(這是由于浮點數的精度決定的),如下:

var x = NaN;x === NaN; // false

雖然,JavaScript提供了isNaN來檢測某個值是否為NaN,但是,這也不太精確的,因為,在調用isNaN函數之前,本身就存在了一個隱式轉換的過程,它會把那些原本不是NaN的值轉換成NaN的,如下:

isNaN('foo'); // trueisNaN(undefined); // trueisNaN({}); // trueisNaN({ valueOf: 'foo' }); // true

上面代碼,我們使用isNaN來測試后,發現字符串,undefined,甚至對象,結果都返回真!!!但是,我們總不能說他們也是NaN吧?總而言之,得出的結論是:isNaN檢測NaN并不可靠!!!

幸運的是,有一種可靠的并且準確的方法可以檢測NaN。我們都知道,只有NaN是自己不等自己的,那么,我們就以使用不等于號(!==)來判斷一個數是否等于自身,從而,可以檢測到NaN了,如下:

var a = NaN;a !== a; // truevar b = 'foo';b !== b; // falsevar c = undefined;c !== c; // falsevar d = {};d !== d; // falsevar e = { valueOf: 'foo' };e !== e; // false

我們也可以把這種模式定義成一個函數,如下:

function isReallyNaN(x) { return x !== x;}

OK,NaN的檢測方法就是這么簡單,我們下面繼續討論對象的隱式轉換!

對象是可以轉換成原始值的,最常見的方法就是把它轉換成字符串,如下:

'the Math object: ' + Math; // 'the Math object: [object Math]''the JSON object: ' + JSON; // 'the JSON object: [object JSON]'

對象轉換成字符串是調用了他的toSting函數的,你可以手動的調用它來檢測一下:

Math.toString(); // '[object Math]'JSON.toString(); // '[object JSON]'

類似的,對象也是可以轉換成數字的,他是通過valueOf函數的,當然,你也是可以自定義這個valueOf函數的,如下:

'J' + { toString: function() { return 'S'; } }; // 'JS'2 * { valueOf: function() { return 3; } }; // 6

如果,一個對象同時存在valueOf方法和toString方法,那么,valueOf方法總是會被優先調用的,如下:

var obj = { toString: function() { return '[object MyObject]'; }, valueOf: function() { return 17; }};'object: ' + obj; // 'object: 17'

但是,多數情況下,這都不是我們想要的,一般的,盡可能使valueOf和toString表示的值相同(盡管類型可以不同)。

最后一種強制類型轉換,我們常常稱之為“真值運算”,比如,if, ||, &&,他們的操作數不一定是布爾型的額。JavaScript會通過簡單的轉換規則,將一些非布爾類型的值轉換成布爾型的。大多數的值都會轉換成true,只有少數的是false,他們分別是:false, 0, -0, '', NaN, null, undefined,因為存在數字和字符串以及對象的值為false,所以,直接用真值轉換來判斷一個函數的參數是否傳進來了,這是不不太安全的。比如,有一個可以具有默認值得可選參數的函數,如下:

function point(x, y) {if (!x) { x = 320;}if (!y) { y = 240;} return { x: x, y: y };}

這個函數會忽略任何的真值為假的參數的,包括0,-0;

point(0, 0); // { x: 320, y: 240 }

檢測undefined的更加準確的方法是用typeof操作:

function point(x, y) {if (typeof x === 'undefined') { x = 320;}if (typeof y === 'undefined') { y = 240;} return { x: x, y: y };}

這種寫法,可以區分開0和undefined的:

point(); // { x: 320, y: 240 }point(0, 0); // { x: 0, y: 0 }

另外一種方法是利用參數跟undefined作比較,如下:

if (x === undefined) { ... }

總結:

1. 類型錯誤有可能會被類型轉換所隱藏。2. “+”既可以表示字符串連接,又可以表示算術加,這取決于它的操作數,如果有一個為字符串的,那么,就是字符串連接了。3. 對象通過valueOf方法,把自己轉換成數字,通過toString方法,把自己轉換成字符串。4.具有valueOf方法的對象,應該定義一個相應的toString方法,用來返回相等的數字的字符串形式。5.檢測一些未定義的變量時,應該使用typeOf或者與undefined作比較,而不應該直接用真值運算。

感興趣的朋友可以使用在線HTML/CSS/JavaScript代碼運行工具:http://tools.jb51.net/code/HtmlJsRun測試上述代碼運行效果。

更多關于JavaScript相關內容感興趣的讀者可查看本站專題:《JavaScript數學運算用法總結》、《JavaScript數據結構與算法技巧總結》、《JavaScript數組操作技巧總結》、《JavaScript排序算法總結》、《JavaScript遍歷算法與技巧總結》、《JavaScript查找算法技巧總結》及《JavaScript錯誤與調試技巧總結》

希望本文所述對大家JavaScript程序設計有所幫助。

標簽: JavaScript
相關文章:
主站蜘蛛池模板: 彩超机-黑白B超机-便携兽用B超机-多普勒彩超机价格「大为彩超」厂家 | 有声小说,听书,听小说资源库-听世界网| 万家财经_财经新闻_在线财经资讯网 | 双舌接地线-PC68数字式高阻计-ZC36|苏海百科| 青岛美佳乐清洁工程有限公司|青岛油烟管道清洗|酒店|企事业单位|学校工厂厨房|青岛油烟管道清洗 插针变压器-家用电器变压器-工业空调变压器-CD型电抗器-余姚市中驰电器有限公司 | 深圳美安可自动化设备有限公司,喷码机,定制喷码机,二维码喷码机,深圳喷码机,纸箱喷码机,东莞喷码机 UV喷码机,日期喷码机,鸡蛋喷码机,管芯喷码机,管内壁喷码机,喷码机厂家 | 体感VRAR全息沉浸式3D投影多媒体展厅展会游戏互动-万展互动 | 海德莱电力(HYDELEY)-无功补偿元器件生产厂家-二十年专业从事电力电容器 | 高铝矾土熟料_细粉_骨料_消失模_铸造用铝矾土_铝酸钙粉—嵩峰厂家 | 高通量组织研磨仪-多样品组织研磨仪-全自动组织研磨仪-研磨者科技(广州)有限公司 | 合肥礼品公司-合肥礼品定制-商务礼品定制公司-安徽柏榽商贸有限公司 | 真空干燥烘箱_鼓风干燥箱 _高低温恒温恒湿试验箱_光照二氧化碳恒温培养箱-上海航佩仪器 | 层流手术室净化装修-检验科ICU改造施工-华锐净化工程-特殊科室建设厂家 | 安徽控制器-合肥船用空调控制器-合肥家电控制器-合肥迅驰电子厂 安徽净化板_合肥岩棉板厂家_玻镁板厂家_安徽科艺美洁净科技有限公司 | PC阳光板-PC耐力板-阳光板雨棚-耐力板雨棚,厂家定制[优尼科板材] | 干法制粒机_智能干法制粒机_张家港市开创机械制造有限公司 | 深圳希玛林顺潮眼科医院(官网)│深圳眼科医院│医保定点│香港希玛林顺潮眼科中心连锁品牌 | 法钢特种钢材(上海)有限公司 - 耐磨钢板、高强度钢板销售加工 阀门智能定位器_电液动执行器_气动执行机构-赫尔法流体技术(北京)有限公司 | 电动手术床,医用护理床,led手术无影灯-曲阜明辉医疗设备有限公司 | 超声波气象站_防爆气象站_空气质量监测站_负氧离子检测仪-风途物联网 | 户外-组合-幼儿园-不锈钢-儿童-滑滑梯-床-玩具-淘气堡-厂家-价格 | 防腐储罐_塑料储罐_PE储罐厂家_淄博富邦滚塑防腐设备科技有限公司 | 酒水灌装机-白酒灌装机-酒精果酒酱油醋灌装设备_青州惠联灌装机械 | 氢氧化钾厂家直销批发-济南金昊化工有限公司 | 儿童乐园|游乐场|淘气堡招商加盟|室内儿童游乐园配套设备|生产厂家|开心哈乐儿童乐园 | 垃圾处理设备_餐厨垃圾处理设备_厨余垃圾处理设备_果蔬垃圾处理设备-深圳市三盛环保科技有限公司 | 质检报告_CE认证_FCC认证_SRRC认证_PSE认证_第三方检测机构-深圳市环测威检测技术有限公司 | 岛津二手液相色谱仪,岛津10A液相,安捷伦二手液相,安捷伦1100液相-杭州森尼欧科学仪器有限公司 | 特种阀门-调节阀门-高温熔盐阀-镍合金截止阀-钛阀门-高温阀门-高性能蝶阀-蒙乃尔合金阀门-福建捷斯特阀门制造有限公司 | 流变仪-热分析联用仪-热膨胀仪厂家-耐驰科学仪器商贸 | 篮球架_乒乓球台_足球门_校园_竞技体育器材_厂家_价格-沧州浩然体育器材有限公司 | 恒温槽_恒温水槽_恒温水浴槽-上海方瑞仪器有限公司 | 湖南教师资格网-湖南教师资格证考试网 | 变压器配件,变压器吸湿器,武强县吉口变压器配件有限公司 | 净水器代理,净水器招商,净水器加盟-FineSky德国法兹全屋净水 | CCE素质教育博览会 | CCE素博会 | 教育展 | 美育展 | 科教展 | 素质教育展 | 楼承板-钢筋楼承板-闭口楼承板-无锡优贝斯楼承板厂 | 外观设计_设备外观设计_外观设计公司_产品外观设计_机械设备外观设计_东莞工业设计公司-意品深蓝 | KBX-220倾斜开关|KBW-220P/L跑偏开关|拉绳开关|DHJY-I隔爆打滑开关|溜槽堵塞开关|欠速开关|声光报警器-山东卓信有限公司 | LED太阳能中国结|发光红灯笼|灯杆造型灯|节日灯|太阳能灯笼|LED路灯杆装饰造型灯-北京中海轩光电 | SDG吸附剂,SDG酸气吸附剂,干式酸性气体吸收剂生产厂家,超过20年生产使用经验。 - 富莱尔环保设备公司(原名天津市武清县环保设备厂) |