摘要:原始類型又有種引用類型有而檢測(cè)這些類型的變量有種辦法,,。而關(guān)于引用類型,還可以嘗試下操作符??偠灾?,如果指定則保存的實(shí)際上就是的值,是一個(gè)基本類型。
javascript的變量類型分為原始類型和引用類型。
原始類型又有5種:
number
string
boolean
null
undefined
引用類型有:
Function
Array
Date
Object
RegExp
而檢測(cè)這些類型的變量有3種辦法:typeof,instanceof,Object.prototype.toString.call。讓我來一一例舉,廢話不多說,上代碼。
//首先是typeof var obj = 1; typeof obj; //"number" obj = "abc" typeof obj; //"string" obj = false typeof obj; //"boolean" obj = undefined; typeof obj; //"undefined" obj = null; typeof obj; //"object",WTF,其實(shí)這是js的一個(gè)bug,人艱不拆 T_T obj = function(){}; typeof obj; //"function" obj = []; typeof obj; //"object" obj = {}; typeof obj; //"object" obj = /w/g; typeof obj //"object"
從上面我們可以得出type能檢測(cè)原始類型number,string,boolean,undefined,引用類型的function。這里容我邪惡的笑一笑。
而關(guān)于引用類型,還可以嘗試下instanceof操作符。
var obj = function(){}; obj instanceof Function; //true obj = []; obj instanceof Array; //true obj = {}; obj instanceof Object; //true obj = new Date() obj instanceof Date; //true obj = /w/g; obj instanceof RegExp; //true //....橋豆麻袋, 事情其實(shí)還沒完呢 obj = []; obj instanceof Object; //true 草草嗒,所有引用類型其實(shí)都是繼承自O(shè)bject對(duì)象的,所以你懂的。
incetanceof 操作符能鑒別引用類型,可惜有個(gè)缺憾是,如果想鑒別一個(gè)變量object類型而不是其他的function,array,date什么的,仍然需要花一番力氣。
這里我們是不是漏了什么,如果..
var obj = new String("abc"); typeof obj; //"object" 。 obj instanceof String; //true 。
天了個(gè)擼,不能愉快玩耍了。要解釋這個(gè), 就得解釋js里變量的賦值規(guī)則。
原始類型的變量直接保存原始值,而不是一個(gè)只想對(duì)象的指針。如果一個(gè)變量賦值給另一個(gè)變量,那么每個(gè)變量都它自己的一份數(shù)據(jù)拷貝,并不會(huì)相互影響。
引用類型的變量保存的是一個(gè)指向內(nèi)存中實(shí)際對(duì)象所在的指針(或者說引用)。因此當(dāng)你將一個(gè)對(duì)象賦值給變量時(shí),實(shí)際是賦值給這個(gè)變量一個(gè)指針。意味著將一個(gè)變量賦值給另一個(gè)變量時(shí),兩個(gè)變量指向的是內(nèi)存中同一個(gè)對(duì)象。
var obj = "abc"; obj.something = 1; var firstChar = obj.charAt(0); //"a" console.log(obj.something); //undefined //實(shí)際上js做了這樣的處理 var obj = "abc"; var temp = new String(obj); var firstChar = temp.charAt(0); //"a" temp.something = 1; temp = null; console.log(obj.something); //undefined
創(chuàng)建了一個(gè)臨時(shí)的引用類型變量去訪問屬性,修改屬性,然后就被釋放了。阿咧,扯遠(yuǎn)了,這和我們這片的內(nèi)容啥關(guān)系。。
總而言之,如果指定obj = "abc"則obj保存的實(shí)際上就是abc的值,是一個(gè)基本類型。而如果指定obj = new String("abc")那么obj實(shí)際上保存的是一個(gè)指向字符串對(duì)象的指針。所以就不難理解兩者對(duì)于typeof和instanceof的差別了
額,讀者:“說了這么多,你有沒有一種萬全的手段哇”。好吧, 我們來一個(gè)簡(jiǎn)單又粗暴的鑒別手段。
var obj = 1; Object.prototype.toString.call(obj) === "[object Number]"; //true obj = new Number(1); Object.prototype.toString.call(obj) === "[object Number]"; //true obj = []; Object.prototype.toString.call(obj) === "[object Array]"; //true obj = new Array(); Object.prototype.toString.call(obj) === "[object Array]"; //true Object.prototype.toString.call(obj) === "[object Object]"; //false
這個(gè)方法是不是很好用呢, 哇哈哈哈哈。
總結(jié)歸納了下,我列舉了一些校驗(yàn)函數(shù):
//低版本ie中undefined變量可以被修改,所以使用void 0 獲取真實(shí)的undefined值, var isUndefined = function(obj) { //or: return typeof obj === "undefined"; return obj === void 0; }; //typeof null 的結(jié)果是"object"。 var isNull = function(obj) { return obj === null; }; // boolean值,number值和string值需要考慮兩種情況,值為字面量時(shí)使用typeof和Object.prototype.toString能檢測(cè); // 值為構(gòu)造函數(shù)構(gòu)建的時(shí)候需要使用Object.prototype.toString或者instanceof檢測(cè) var isBoolean = function(obj) { return Object.prototype.toString.call(obj) == "[object Boolean]"; }; var isNumber = function(obj) { return Object.prototype.toString.call(obj) == "[object Number]"; }; var isString = function(obj) { return Object.prototype.toString.call(obj) == "[object String]"; }; var isNaN = function(obj) { return obj !== obj; }; //typeof 操作符在引用類型的變量里能對(duì)function有效。 var isFunction = function(obj) { //or: return Object.prototype.toString.call(obj) == "[object Function]"; return typeof obj === "function"; }; var isDate = function(obj) { return Object.prototype.toString.call(obj) == "[object Date]"; } var isArray = function(obj) { return Object.prototype.toString.call(obj) == "[object Array]"; } var isObject = function(obj) { //or: return obj === Object(obj); return Object.prototype.toString.call(obj) == "[object Object]"; } var isRegExp = function(obj) { //or: return obj === Object(obj); return Object.prototype.toString.call(obj) == "[object RegExp]"; } var has = function(obj, key) { return Object.prototype.hasOwnProperty.call(obj, key); }; //判斷數(shù)組,字符串,對(duì)象是否為空 var isEmpty = function(obj) { if (obj == null) return true; if (isArray(obj) || isString(obj)) return obj.length === 0; for (var key in obj) if (has(obj, key)) return false; return true; };
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://specialneedsforspecialkids.com/yun/85920.html
摘要:所謂的高級(jí),其實(shí)就是講了一些我們平常用不到或許用了不知道,但是非常實(shí)在的東西。比如如果你想檢測(cè)里面的屬性值的話,基本上是不可能的。要知道,我們是有情懷的淫。 JS進(jìn)階 說起這個(gè)應(yīng)該算是老生常談了吧。所謂的高級(jí),其實(shí)就是講了一些我們平常用不到(或許用了不知道),但是非常實(shí)在的東西。算是熟練掌握js的一個(gè)必經(jīng)road吧。 檢測(cè)函數(shù)類型 其實(shí)檢測(cè)函數(shù)的類型應(yīng)該算是js的一個(gè)痛點(diǎn),因?yàn)閖s是一...
摘要:最近閱讀了編寫可維護(hù)的,在這里記錄一下讀書筆記。禁止使用,,,的字符串形式。避免使用級(jí)事件處理函數(shù)。讓事件處理程序成為接觸到對(duì)象的唯一函數(shù)。檢測(cè)函數(shù)是檢測(cè)檢測(cè)函數(shù)的最佳選擇。為特定瀏覽器的特性進(jìn)行測(cè)試,并僅當(dāng)特性存在時(shí)即可應(yīng)用特性檢測(cè)。 最近閱讀了《編寫可維護(hù)的 JavaScript》,在這里記錄一下讀書筆記。書中主要基于三個(gè)方向來講解怎么增加代碼的可維護(hù)性:編程風(fēng)格、編程實(shí)踐、自動(dòng)化...
摘要:值的比較只進(jìn)行值的比較會(huì)進(jìn)行數(shù)據(jù)類型的轉(zhuǎn)換。只要在當(dāng)前實(shí)例的原型鏈上,我們用其檢測(cè)出來的結(jié)果都是。但檢測(cè)與不一樣,還可以處理基本數(shù)據(jù)類型的檢測(cè)。 showImg(https://segmentfault.com/img/remote/1460000016733921); 一、JavaScript有幾種類型的值? Javascript有兩種數(shù)據(jù)類型,分別是基本數(shù)據(jù)類型和引用數(shù)據(jù)類型。其中...
摘要:值的比較只進(jìn)行值的比較會(huì)進(jìn)行數(shù)據(jù)類型的轉(zhuǎn)換。只要在當(dāng)前實(shí)例的原型鏈上,我們用其檢測(cè)出來的結(jié)果都是。但檢測(cè)與不一樣,還可以處理基本數(shù)據(jù)類型的檢測(cè)。 showImg(https://segmentfault.com/img/remote/1460000016733921); 一、JavaScript有幾種類型的值? Javascript有兩種數(shù)據(jù)類型,分別是基本數(shù)據(jù)類型和引用數(shù)據(jù)類型。其中...
摘要:值的比較只進(jìn)行值的比較會(huì)進(jìn)行數(shù)據(jù)類型的轉(zhuǎn)換。只要在當(dāng)前實(shí)例的原型鏈上,我們用其檢測(cè)出來的結(jié)果都是。但檢測(cè)與不一樣,還可以處理基本數(shù)據(jù)類型的檢測(cè)。 showImg(https://segmentfault.com/img/remote/1460000016733921); 一、JavaScript有幾種類型的值? Javascript有兩種數(shù)據(jù)類型,分別是基本數(shù)據(jù)類型和引用數(shù)據(jù)類型。其中...
閱讀 3556·2023-04-25 16:35
閱讀 687·2021-10-11 11:09
閱讀 6138·2021-09-22 15:11
閱讀 3352·2019-08-30 14:03
閱讀 2591·2019-08-29 16:54
閱讀 3343·2019-08-29 16:34
閱讀 3042·2019-08-29 12:18
閱讀 2114·2019-08-28 18:31