1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > JavaScript基本/引用数据类型及判断方法

JavaScript基本/引用数据类型及判断方法

时间:2024-01-09 11:09:11

相关推荐

JavaScript基本/引用数据类型及判断方法

1. 常见的基本/引用数据类型

基本数据类型:NumberStringBooleanNullundefined。基本数据类型是按值访问的,可以直接操作保存在变量中的实际值。

引用数据类型:Object基本上除了基本数据类型都是引用数据类型,如ArrayFunctionDateRegExpError和自定义封装等Object类型(根类)。

2. 数据类型的判断

typeof, instanceof, constructor, Object.prototype.toString.call()

typeof:基本类型大部分都能被准确检测并返回正确的字符串(除了 Null 类型,其返回 object 字符串),而引用类型大部分都不能够被准确检测(除了 Function 类型能够准确返回 function 字符串外,其它的都返回了 object 字符串)。instanceof:instanceof 运算符用来测试一个对象在其原型链中是否存在一个构造函数的 prototype 属性。即判断对象是否是某一数据类型(如Array)的实例。只有引用数据类型(Array,Function,Object)被精准判断,其他(数值Number,布尔值Boolean,字符串String)等基本数据类型不能被instanceof精准判断

2.1 typeof

console.log(typeof 7); // numberconsole.log(typeof '7'); // stringconsole.log(typeof false); // booleanconsole.log(typeof [false]); // objectconsole.log(typeof function () {}); // functionconsole.log(typeof {}); // objectconsole.log(typeof undefined); // undefinedconsole.log(typeof null); // object

2.2 instanceof

console.log(7 instanceof Number); // falseconsole.log('7' instanceof String); // falseconsole.log(false instanceof Boolean); // falseconsole.log([] instanceof Array); //trueconsole.log(function () {} instanceof Function); // trueconsole.log({} instanceof Object); // true// undefined is not a constructor// null is not a constructor

2.3 constructor

console.log((7).constructor === Number); // 全为trueconsole.log(('7').constructor === String); //console.log(false.constructor === Boolean); //console.log((function () {}).constructor === Function); //console.log(({}).constructor === Object); //console.log(([]).constructor === Array); //function Test() {}Test.prototype = new Array();let f = new Test();console.log(f.constructor === Function) // falseconsole.log(f.constructor === Test) // falseconsole.log(f.constructor === Array) // true

2.4 Object.prototype.toString.call()

let too = Object.prototype.toString;console.log(too.call(7)); // [object Number]console.log(too.call('7')); // [object String]console.log(too.call(false)); // [object Boolean]console.log(too.call([])); // [object Array]console.log(too.call({})); // [object Object]console.log(too.call(function () {})); // [object Function]console.log(too.call(undefined)); // [object Undefined]console.log(too.call(null)); // [object Null]

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。