javascript基本数据类型:原始类型  和  引用类型

原始类型(简单数据类型):String,Number,Boolean,Undefined,Null,Symbol(ES6新增)

引用类型(复杂数据类型):Array,Object

 var a = 'hello world';
var b = 100;
var c;
var d = null;
var e = {
name : 'My name is Pelli.'
}
var f = [100,3,'hello',[4,4,67,'hah'],{age : 34}];
var g = function(){
console.log("I am Pelli.");
} console.log(typeof a);//'string'
console.log(typeof b);//'number'
console.log(typeof c);//'undefined'
console.log(typeof d);//'object'
console.log(typeof e);//'object'
console.log(typeof f);//'object'
console.log(typeof g);//'function'

关键方法:typeof,instanceof,constructor,prototype

关键点:

  1. typeof判断的结果,返回值肯定是字符串
  2. typeof判断的结果的返回值一定在以下六个之中,ES6(也称为ES2015)之后新增一个,一共七个
  3. typeof 判断的返回值:string,number,boolean,function,object,undfined,symbol
  4. instanceof运算符详解,参考链接:http://www.zuojj.com/archives/393.html
  5. instanceof运算符可以用来判断某个构造函数的prototype属性是否存在另一个要检测对象的原型链上
  6. instanceof后面的操作数必须是一个对象
  7. 继承中判断实例是否属于它的父类
  8. constructor:构造函数;每个对象都有一个constructor属性,指向该对象的构造函数;
  9. prototype:每个对象都有一个prototype属性,指向该对象的原型对象。

数据类型判断方法:

typeof方法,见上面部分代码;

instanceof方法:返回true或false,适用于引用类型,不适合基本数据类型

var x = [1,2,3,"Pelli","Hello World"];
var y = {
year : 2016,
month : 8
}
var z = function(){} var z1 = 'hello';
var z2 = 123;
var z3 = true;
var z4 = null;
var z5 = undefined; console.log(x instanceof Array);//true
console.log(y instanceof Object);//true
console.log(z instanceof Function);//true console.log(z1 instanceof String);//false
console.log(z2 instanceof Number);//false
console.log(z3 instanceof Boolean);//false
console.log(z4 instanceof Object);//false
console.log(z5 instanceof Object);//false

constructor:

var a1 = 'Pelli';
var a2 = 200;
var a3 = true;
var a4 = null;
var a5 = undefined;
var a6 = {}
var a7 = [1,2];
var a8 = function(){} console.log(a1.constructor === String);//true
console.log(a2.constructor === Number);//true
console.log(a3.constructor === Boolean);//true
console.log(a4.constructor === Object);//Uncaught TypeError:Cannot read property 'constructor' of null...
console.log(a5.constructor === Object);//Uncaught TypeError:Cannot read property 'constructor' of undefined...
console.log(a6.constructor === Object);//true
console.log(a7.constructor === Array);//true
console.log(a8.constructor === Function);//true

prototype

var a1 = 'Pelli';
var a2 = 200;
var a3 = true;
var a4 = null;
var a5 = undefined;
var a6 = {}
var a7 = [1,2];
var a8 = function(){}
console.log(Object.prototype.toString.call(a1) === "[object String]");//true
console.log(Object.prototype.toString.call(a2) === "[object Number]");//true
console.log(Object.prototype.toString.call(a3) === "[object Boolean]");//true
console.log(Object.prototype.toString.call(a4) === "[object Null]");//true
console.log(Object.prototype.toString.call(a5) === "[object Undefined]");//true
console.log(Object.prototype.toString.call(a6) === "[object Object]");//true
console.log(Object.prototype.toString.call(a7) === "[object Array]");//true
console.log(Object.prototype.toString.call(a8) === "[object Function]");//true

相关链接:

http://www.cnblogs.com/mindsbook/archive/2009/09/19/javascriptYouMustKnowPrototype.html

http://blog.sina.com.cn/s/blog_51048da70101grz6.html

http://www.cnblogs.com/yjf512/archive/2011/06/03/2071914.html

javascript数据类型判断的更多相关文章

  1. 关于 JavaScript 数据类型判断

    在 JavaScript 中,有 undefined.null.number.string.boolean 五种基本数据类型,另外,有一种复杂数据类型 object ,类似于 C# 中值类型.引用类型 ...

  2. JavaScript学习总结(2)——JavaScript数据类型判断

    最近做项目中遇到了一些关于javascript数据类型的判断处理,上网找了一下资料,并且亲自验证了各种数据类型的判断,在此做一个总结吧! 一.JS中的数据类型  1.数值型(Number):包括整数. ...

  3. JavaScript数据类型判断的四种方法

    码文不易啊,转载请带上本文链接呀,感谢感谢 https://www.cnblogs.com/echoyya/p/14416375.html 本文分享了JavaScript类型判断的四种方法:typeo ...

  4. JavaScript 数据类型判断

    JavaScript 的数据类型分为两类:原始类型(基本类型)和对象类型(引用类型).原始类型包括数字.字符串和布尔值,另外有两个特殊的原始值:null 和 undefined,除此之外的都是对象.对 ...

  5. javascript 数据类型判断总结

    一 typeof 回顾:js有五种基本数据类型:值类型("number","string","boolean","undefine ...

  6. javaScript数据类型及判断

    ECMAScript数据类型概念: ECMAScript数据类型分为两类:原始类型和对象类型(即基本类型和引用类型): ECMAScript数据类型也可以分为可变类型和不可变类型,数组和对象属于可变类 ...

  7. Javascript 中的数据类型判断

    (迁移自旧博客2017 09 25) typeof 我们常使用typeof来判断数据类型,在常规场景中足以应付数据类型判断的需要: var obj = { name: 'zhangxiang' }; ...

  8. javascript数据类型的判断

    最近看到了很多关于数据类型判断的方法,总结了下 一.javascript的数据类型 js数据分为两种类型:原始数据类型和引用数据类型.原始数据类型有:string.number.boolean.und ...

  9. 请你讲一讲JavaScript有哪些数据类型, 数据类型判断有哪些方法?

    js的8种数据类型 JavaScript中有8种数据类型, 包括基本数据类型(number, string, boolean, null, undefined, symbol, bigint)和引用数 ...

随机推荐

  1. JavaScript学习笔记7 之DOM文档对象模型

    一.什么是DOMDocument Object Model 文档 -------对象 ----模型-------缩写DOM DOM是针对HTML和XML文档的一个API(应用程序编程接口).DOM描绘 ...

  2. 网页端实现input数字输入框

    实现input输入框只能输入数字的效果: <input type="text" name="" id="phoneNum" value ...

  3. jQuery插件之——简单日历

    最近在研究js插件的开发,以前看大神们,对插件都是信手拈来,随便玩弄,感觉自己要是达到那种水平就好了,就开始自己研究插件开发了.研究了一段时间之后,就开始写了自己的第一个日历插件,由于是初学插件开发, ...

  4. 【百度文库课程】Java语言基础与OOP入门学习笔记一

    一. Java的历史与由来 原名Oak,针对嵌入式系统开发设计,语法与C/C++基本一致 二. Java语言特点 Java由四方面组成:Java编程语言.Java类文件格式.Java虚拟机和Java应 ...

  5. IIS10中使用OpenSSL来创建CA并且签发SSL证书

    参考: http://www.cnblogs.com/lierle/p/5140187.html http://alvinhu.com/blog/2013/06/12/creating-a-certi ...

  6. C#读取ini文件的方法

    最近项目用到ini文件,读取ini文件,方法如下: using System; using System.Collections.Generic; using System.Linq; using S ...

  7. IOS开发基础知识--碎片35

    1:iOS视图控制对象生命周期 init-初始化程序 viewDidLoad-加载视图 viewWillAppear-UIViewController对象的视图即将加入窗口时调用: viewDidAp ...

  8. css sprite 调整大张图片中小图标的大小

    直接说解决方法: 假设一张拼合好的大图大小是:900 x 1000 px (如上图) 现在想取图中左上角的河马图标,并缩小图标的大小. 正常取图: .sprite { background: url( ...

  9. vim linux下查找显示^M并且删除

    linux下 ^M的输入方法是ctrl+v然后再ctrl+m vim下在文件中显示^M:e ++ff=unix % 在文件中删除^M:%s/^M$//g 在linux下查找^Mfind ./ | xa ...

  10. JVM之SerialOld收集器

    Serial收集器的老年代版本 单线程收集器 标记-整理算法 stop the world Client模式下的虚拟机使用 Server模式下,搭配Parallel Scavenge使用及CMS发生C ...