1.typeof:  语法:typeof 对象   或者 typeof(对象)
   返回对象的数据类型:只有原始数据类型:boolean number string undefined function object 由于最初的BUG导致null的数据类型成为了object,现在,null 被认为是对象的占位符,从而解释了这一矛盾。
缺陷:对于Array,null,Object对象和其他自定义对象使用typeof一律返回object;
console.log(typeof(x)); //未声明x,返回undefined
var y = false;
console.log(typeof y); //boolean
var str = "字符串";
console.log(typeof str); //string
var num = 5;
console.log(typeof(num)); //number
console.log(typeof NaN); //number NaN是一个特殊的数字---非数字
var f1 = function () { };
console.log(typeof f1); //function console.log(typeof null); //object
var arr = [1, 2, 3];
console.log(typeof arr); //object
var obj = {name: "小伟", age: 15};
console.log(typeof obj); //object
var Person = function (name) {
this.name = name
};
var per = new Person("小王");
console.log(typeof per); //object
 2.instanceof  用于测试构造函数的prototype属性是否出现在对象的原型链中的任何位置
         解读:用于判断某个对象是不是某个构造函数的一个实例,或者是不是某个构造函数的一个后代实例
        语法:对象 instanceof 数据类型(或者构造函数名):返回true/false
  
instanceof的原理:function instance_of(L, R) {//L 表示左表达式,R 表示右表达式
var O = R.prototype;// 取 R 的显示原型
L = L.__proto__;// 取 L 的隐式原型
while (true) {
if (L === null)
return false;
if (O === L)// 这里重点:当 O 严格等于 L 时,返回 true
return true;
L = L.__proto__;
}
}
即比较对象.__proto__和数据类型(构造函数).prototype,如果相等就为true,
不同就继续跟着对象的原型链,比较对象隐式原型里的隐式原型与数据类型(构造函数).prototype
根据原型链的知识直到原型链的最终,指向Object.prototype.__proto__---为null
 console.log(per instanceof Person);     //true
//per.__proto__指向其构造函数的原型对象Person.prototype,所以返回true console.log(f1 instanceof Function); //true
console.log(arr instanceof Array); //true
console.log(obj instanceof Object); //true
//同理,这些引用类型:Function、Array、Object、都可以视为一个构造函数 //对于继承的数据类型:新的实例对象根据原型链,数据类型可以是其构造函数名,也可以是其祖辈的构造函数名
var Student = function (score) {
this.score = score;
} Student.prototype = new Person("小李");
var stu = new Student(100); console.log(stu instanceof Student); //true stu.__proto__ == Student.prototype很易理解
console.log(stu instanceof Person); //true
/*
* 根据原型链:stu.__proto__ == Student.prototype == new Person
* stu.__proto__.__proto__ == new Person.__proto__ == Person.prototype
*
*
* */

注意:

 * 在JavaScript中,一切都是一个对象( 或者至少被视为一个对象) 。
* 唯一的non-objects是基本类型:布尔值,数字,字符串和undefined ,
* 直接声明的这几种类型的实例不是object对象,但是可以访问其作为对象的一些属性和方法?为什么呢?
*
* 在访问基本类型数据的属性和方法时会临时出现一个包装对象:
* 自动创建基本包装类型的对象,只执行一行代码的瞬间之后就会立即销毁。
     这意味着在运行时为基本包装类型值添加属性和方法是无效的。
* 比如只要引用了字符串s的属性,JavaScript就会将字符串值通过调用new String(s)的方式转换成对象,成为了基本包装类型,
* 这个对象继承了字符串(String)对象的方法,并被用来处理属性的引用。一旦属性引用结束,这个新创建的对象就会被销毁
*
* instanceof 运算符只对对象有效:所以对于上述的几个non-object无效,所以判断他们的数据类型时返回值会是false
*
* 另外:布尔,数字,字符串有其构造函数,如果用其构造函数实例化一个对象,则可以使用instanceof判断其数据类型
*
 var y = false;
console.dir(y); //只是一个基本布尔值,没有内部结构
console.log(y instanceof Boolean); //false var z = new Boolean(false);
console.dir(z); //利用构造函数创建布尔值,可以得到内部结构,具有对象的特征
console.log(z instanceof Boolean); //true console.log(y.__proto__); //由于基本包装类型的存在,可以临时访问其作为对象的属性,
// 这样做时,会将y通过调用new Boolean得到一个临时的包装对象,具有对象特征,但是语句执行结束后就消失
y.name = "布尔false";
console.log(y.name); //undefined,无法对基本类型添加属性或方法
//无法对基元类型的数据声明属性和方法,因为他们不是对象,
// 可以利用包装类型的原理访问基元类型数据的属性和方法(如果他们所对应的包装对象有这个属性和方法的话,如果没有,返回undefined很容易理解) console.log(str instanceof String); //false
console.log(num instanceof Number); //false
 3.借用Object原型里的一个方法 :Object.prototype.toString.call(对象)
可以得到对象的数据类型:包括:String、Number、Boolean、undefined、null、Object、function、Array、Date、Regexp
解决了typeof的缺陷
但是无法得到自定义构造函数实例化对象的数据类型(构造函数名),只能获得Object 注意:使用这个方法实际上是用call()方法借用Object原型里的一个方法,不能直接使用对象.toString(),
因为对于一个对象,toString方法是被重新定义了的,是将obj转换为字符串的方法,
直接使用对象.toString()根据原型链,在访问到这个重写的方法时就调用了,不能访问到Object原型里的这个同名的方法
console.log(Object.prototype.toString.call(null));//[object Null]
console.log(Object.prototype.toString.call(undefined)); //[object Undefined]
console.log(Object.prototype.toString.call(y)); //[object Boolean]
console.log(Object.prototype.toString.call(str));//[object String]
console.log(Object.prototype.toString.call(num));//[object Number]
console.log(Object.prototype.toString.call(f1));//[object Function]
console.log(Object.prototype.toString.call(arr));//[object Array]
console.log(Object.prototype.toString.call(obj));//[object Object]
console.log(Object.prototype.toString.call(per));//[object Object]
console.log(Object.prototype.toString.call(new Date));//[object Date]
												

JS获取对象数据类型的方法的更多相关文章

  1. JS获取对象“属性和方法”的方法

    平时在写的代码过程中,经常会遇到对对象Object的数据处理.而在对对象的数据处理中,操作最频繁的是“数据引用”.“值的修改”.“获取关键字(属性)”.平时最烦的也是“获取关键字”,经常忘记怎么去获取 ...

  2. js获取对象位置的方法

    scrollHeight: 获取对象的滚动高度. scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离 scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最 ...

  3. JS获取对象“属性”的方法

    var testObj= new Object(); testObj.name = "shangguan"; testObj.age= ; testObj.action = fun ...

  4. (转)用JS获取地址栏参数的方法(超级简单)

    转自http://www.cnblogs.com/fishtreeyu/archive/2011/02/27/1966178.html 用JS获取地址栏参数的方法(超级简单) 方法一:采用正则表达式获 ...

  5. js 获取对象属性个数

    js 获取对象属性个数 方法一: var attributeCount = function(obj) { var count = 0; for(var i in obj) { if(obj.hasO ...

  6. JS获取div高度的方法

    有时在写页面时,需要获取一个div的高度.怎么才能获取呢?哈哈,先上结论.有两种方法. offsetHeight .clientHeight getComputedStyle offsetHeight ...

  7. js获取对象、数组的实际长度,元素实际个数

    /*获取对象.数组的长度.元素个数 *@param obj 要计算长度的元素,可以为object.array.string */ function count(obj){ var objType = ...

  8. JS获取网页宽高方法集合

    JS获取网页宽高等方法的集合:document.body.clientWidth - 网页可见区域宽document.body.clientHeight - 网页可见区域高 document.body ...

  9. js获取url参数的方法

    js获取url参数的方法有很多. 1.正则分析 function getQueryString(name) { var reg = new RegExp("(^|&)" + ...

随机推荐

  1. win7旗舰版64位GHOST版的,安装telnet客户端时,提示:出现错误。并非所有的功能被成功更改。

    win7旗舰版64位GHOST版的,安装telnet客户端时,提示:出现错误.并非所有的功能被成功更改. 从安装成功的电脑上拷贝ghost版本缺少的文件,然后再安装telnet客户端,我已打包 链接: ...

  2. CSS的优先级和继承问题

    CSS的优先级和继承问题 ★CSS的冲突,即优先级 CSS本身的设置可以同时应用多个样式在同一个元素,此时样式之间可能出现冲突而达不到用户所想要的效果. ★解决CSS冲突的优先级规则: ● CSS层叠 ...

  3. Verilog中关于wire使用的一些小知识

    1.Verilog中如果wire连接到常量,而常量没有说明他的位宽,那么将会默认为32位 如: input [:] x ; wire [:] a; assign a = + x; 上述代码在综合的时候 ...

  4. C#入门课程之基础认识

    命名规则: 注意变量名的第一个字符必须是字母.下划线.以及@字符 字面值: 字符串字面值: 用Unicode表示一个字符方式:\uxxxx,其中xxxx表示4位的十六进制数,下面两种表示方式一致: u ...

  5. jquery-confirm使用方法

    简要教程 jquery-confirm是一款功能强大的jQuery对话框和确认框插件.它提供多种内置的主题效果,可以实现ajax远程加载内容,提供动画效果和丰富的配置参数等.它的特点还有: 可以使用键 ...

  6. centos7 端口3306无法连接问题

    MySQL建用户的时候会指定一个host,默认是127.0.0.1/localhost,那么这个用户就只能本机访问,其它机器用这个用户帐号访问会提示没有权限,host改为%,表示允许所有机器访问. G ...

  7. Linux进程的实际用户ID和有效用户ID

    转自:https://blog.csdn.net/hulifangjiayou/article/details/47400943 在Linux中,每个文件都有其所属的用户和用户组,默认情况下是文件的创 ...

  8. ECMA262学习笔记(二)

    Property特性:特性用于定义和解释命名属性的状态. ECMAScript建立执行环境: 解释执行全局代码或使用eval函数输入的代码会创建并进入一个新的执行环境.每次调用ECMA脚本代码定义的函 ...

  9. 使用tcpreply对DPDK进行压力测试(一台主机,2张网卡压测)

    使用tcpreply对DPDK进行压力测试 过往风萤 关注 2018.05.18 14:35* 字数 273 阅读 2评论 0喜欢 0 小公司没有testcenter之类的打流工具,并且内网流量比较小 ...

  10. RF自动化测试

    1.自动化分层:UI层实现界面自动化,Service层实现接口自动化,Unit层实现单元测试. 2.UI自动化测试常见的工具有:QTP,AutoIt,Selenium.Selenium是做Web测试最 ...