javascript 之数据类型
写在前面
国庆整理资料时,发现刚开始入门前端时学习JS 的资料,打算以一个基础入门博客记录下来,有不写不对的多多指教;
先推荐些书籍给需要的童鞋
《JavaScript 高级程序设计.pdf》第三版
《JavaScript权威指南(第六版).pdf》
《高性能javascript.pdf》
《JavaScript语言精粹---高清版.pdf》
《你不知道的JavaScript(上卷).pdf》
《你不知道的JavaScript(中卷).pdf》
数据类型
ECMAScript 中数据类型分为基本数据类型,复杂数据类型也称为引用数据类型,即常说的对象;
基本数据类型是简单的数据段,包括 String、Number、Boolean、Null、Undefined。
引用数据类型是由一组无序的名值对组成 如 Object;
基本数据类型
1、Undefined 类型
Undefined 类型只有一个值,即 undefined。以下情况的值会是 undefined
(1)变量被声明了,但没有赋值,默认值为undefined。
(2)调用函数时,应该提供的参数没有提供,该参数等于undefined。
(3)对象没有赋值的属性,该属性的值为undefined。
(4)函数没有返回值时,默认返回undefined。
(5)未定义的变量使用typeof 返回undefined(严格模式下报错)。
<script>
var a;
console.log(a);//undefined
function f(a, b, c) {
console.log(c)//undefined
}
f(1, 2); //未传递的实参 function fo(){}
console.log(fo());//没有明确返回值,默认返回undefined
</script>
2、Null 类型
Null 只有一个值 null,null是javascript语言的关键字,它表示一个特殊值,常用来描述"空值",从逻辑角度来看,null 是一个空对象指针;通常要把一个变量来保存对象,那么最好将变量初始化为null;
[注意]null是空对象指针,而[]是空数组,{}是空对象,三者不相同;
null与undefined 都是表示无、不存在,那么为什么会同时存在呢?
1、一开始null像在Java、.net里一样,被当成一个对象。但是javascript的值分成原始类型和对象类型两大类,作者认为基本类型表示”无”的值最好不是对象。
2、javascript的最初版本没有包括错误处理机制,发生数据类型不匹配时,往往是自动转换类型或者默默地失败。作者认为如果null自动转为0,很不容易发现错误;
null 与undefined 区别又是什么呢?
目前来说,null和undefined基本是同义的,都是表示无,只是应用场景不太一样 如:
null表示"没有对象",即该处不应该有值。典型用法是:
- 作为函数的参数,表示该函数的参数不是对象。
- 作为对象原型链的终点。
undefined表示"缺少值",就是此处应该有一个值,但是还没有定义/初始化。典型用法是:
- 变量被声明了,但没有赋值,默认值为undefined。
- 调用函数时,应该提供的参数没有提供,该参数等于undefined。
- 对象没有赋值的属性,该属性的值为undefined。
- 函数没有返回值时,默认返回undefined。
- 未定义的变量使用typeof 返回undefined(严格模式下报错)。
(typeof null) //返回object 误区
在 JavaScript 最初的实现中,JavaScript 中的值是由一个表示类型的标签和实际数据值表示的。对象的类型标签是0。由于 null 被设计成空指针(大多数平台下值为0x00),因此,null的类型标签也成为了0,typeof null就错误的返回了"object".(referenc) 但是如果修复了 会造成大量旧的js不兼容;
该现象有待于在ECMAScript 6中被修复 (该提议已被否决). 正确的返回值将成为 typeof null === 'null'.
https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Operators/typeof
3、Boolean 类型
Boolean 布尔类型有 true、false。在js中是区分大小写的,即 True、False 并不是Boolean的值,虽然Boolean 只有这两个值,但是在js中任何数据类型的值调用Boolean()函数,都能返回一个Boolean值;只要记住如下规则即可:(0,-0,NaN,'',null,undefined)这六个永远为false,其它都为true
<script>
var message = 'ds';
if (message) {
console.log('成功'+message)// 成功ds
}
var obj={};
if(obj){
console.log('成功'+obj)// 成功[object Object]
}
var a=0;
if(a){
console.log('成功'+a);
}else{
console.log('失败'+a)// 失败0
} </script>
4、Number 类型
在js中使用Number 类型来表示整数与浮点数(数值必须包含一个小数点);
var intNum=66; //整数
var floatNum=1.1 //浮点数
如果某次计算的结果超出了Javascript 数值范围(Number.MAX_VALUE 最大值 Number.MIX_VALUE)那么这个结果就会自动转为Infinity,如果这个数值是负数会转为-Infinity(负无穷),如果是正数会转为Infinity(正无穷)
NaN:非数值(Not a Number)是一个特殊的值,表示这里本应该是一个数值,但是并不是数值; 如
var a=10,b='str';
console.log(a*b);//NaN
NaN 具有如下特点:
1、任何与NaN的操作都是返回NaN;
2、NaN与任何值都不相等;
<script>
var a = 10, b = 'str';
console.log(a * b);//NaN console.log(NaN == NaN)//false
console.log(NaN === NaN)//false
console.log(NaN == 'str')//false
</script>
针对NaN的两个特点,ECMAScript定义了 isNaN()函数来确定某个变量/表达式结果是不是NaN,这个函数会尝试把变量转换为数值,如果不能转换则返回true,反正返回false;
<script> console.log(isNaN('red'));//true 不能转换number
console.log(isNaN('10'));//false 能转换number
console.log(isNaN(10));//false 能转换number
console.log(isNaN(false));//false 能转换number
console.log(isNaN(true));//false 能转换number console.log(isNaN(''));//false 能转换number 0
console.log(isNaN(undefined));//true 不能转换number
console.log(isNaN('undefined'));//true 不能转换number
console.log(isNaN(null));//false 能转换number 0
console.log(isNaN('null'));//true 不能转换number </script>
typeof 基本数据类型检查
<script>
var s = 'name';
console.log(typeof s)//string
</script>
typeof 返回以下字符串
undefined 这个变量未定义、未初始化
object 这个变量是对象或者是null
boolean 这个变量是布尔值
number 这个变量是数值
string 这个变量是字符串
function 这个变量是函数
引用数据类型
引用类型是一种用于将数据和功能组织在一起的数据结构(也常被成为类),引用类型的值(对象)是引用类型的一个实例。但是js中没有类的概念,因此引用类型也可以被称为对象,因为他们描述的是属性和方法的集合;
ECMAScript提供了很多原生引用类型(如:Object)
Object类型
我们看到的大部分引用类型都是Object类型的实例,Object的实例本身不具备很多功能,但对于在应用程序中存储和传输数据而言,是非常理想的选择。
Array类型
除了Object之外,Array算是js最常用最常用的类型。js中的数组与其他语言的数组都是数据的有序列表,因为js是弱类型,所以js中数组的每一项可以保存任何类型的数据;
Date类型
js中用于构建日期对象的引用类型
RegExp类型
js通过RegExp类型来支持正则表达式
Function类型
js中的function实际上是对象,每个函数都是Function类型的实例,而且都与其他引用类型一样具有属性和方法。由于函数是对象,因此函数名实际上也是一个指向函数对象的指针;
引用类型提供的属性以及方法这里不在叙述,不知道的可以参考如下连接
http://www.w3school.com.cn/jsref/jsref_obj_array.asp
instanceof 检测某个实例的具体类型
语法:
object instanceof constructor
描述:
instanceof 运算符用来检测 constructor.prototype 是否存在于参数 object 的原型链上。
可以理解为 instanceof 用于判断某个实例(对象)是否是某个类型的实例;
var a=new Array();
alert(a instanceof Array);//true,
alert(a instanceof Object)也会返回true;这是因为Array是object的子类。 再如:
function test(){};
var a=new test();
alert(a instanceof test)会返回true。
javascript 之数据类型的更多相关文章
- JS-安全检测JavaScript基本数据类型和内置对象的方法
前言:在前端开发中经常会需要用到检测变量数据类型的需求,比如:判断一个变量是否为undefined或者null来进行下一步的操作,今天在阅读“编写高质量代码-改善JavaScript程序的188个建议 ...
- JavaScript基础——数据类型
JavaScript使用数据类型来确定如何处理被分配给一个变量的数据.变量的类型决定了你可以对变量进行什么操作,如循环或者执行.下面描述了最常用的变量类型. 字符串(String):此数据类型将字符数 ...
- JavaScript 的数据类型 相关知识点
(1)基本数据类型介绍 JavaScript的数据类型分为两类:原始类型(primitive type)和对象类型(object type) 或者说是:可以拥有方法的类型和不能拥有方法的类型 或者说是 ...
- JavaScript的数据类型
JavaScript的数据类型 1.JavaScript的数据类型包括:字符串.数值.布尔.数组.对象.Null.Undefined. 2.JavaScript拥有动态类型,这以为着同一个变量可用作不 ...
- JavaScript判断数据类型总结
最近做项目中遇到了一些关于javascript数据类型的判断处理,上网找了一下资料,并且亲自验证了各种数据类型的判断网页特效,在此做一个总结吧! 一.JS中的数据类型 1.数值型(Number):包 ...
- JavaScript 学习之第一篇JavaScript的数据类型(2016/8/29 晚 23:12)
1. JavaScript的数据类型 JavaScript 里面有6中数据类型 Boolean String Number Undefined Null Object object(对象)类型包含了数 ...
- 从头开始学JavaScript (三)——数据类型
原文:从头开始学JavaScript (三)--数据类型 一.分类 基本数据类型:undefined.null.string.Boolean.number 复杂数据类型:object object的属 ...
- JavaScript基本数据类型
JavaScript基本数据类型 在JavaScript种一共有6种数据类型:Null.Undefined.Boolean.String.Number.Object.其中Object是一种复杂数据类型 ...
- javaScript(4)---数据类型
javaScript(4)---数据类型 第4章 数据类型 学习要点: 1.typeof操作符 2.Undefined类型 3.Null类型 4.Boolean类型 5.Number类型 6.Stri ...
- 1:Javascript的数据类型和相互转换
第一节:JavaScript的数据类型 他是弱类型 var 但是正是由于其实弱类 所以其后台的数据类型转换也是我们值得思考的 JavaScript的数据类型有两种 一种是原始类型 另外一种是对象类型 ...
随机推荐
- 201521123076《java程序设计》第三周学习总结
1. 本周学习总结 2.书面作业 Q1.代码阅读 public class Test1 { private int i = 1;//这行不能修改 private static int j = 2; p ...
- 201521123029《Java程序设计》第三周学习总结
1.本周学习总结 2.书面作业 Q1.代码阅读 public class Test1 { private int i = 1;//这行不能修改 private static int j = 2; pu ...
- 201521123039 《java程序设计》第九周学习总结
1. 本周学习总结 2. 书面作业 本次PTA作业题集异常 常用异常 题目5-1 1.1 截图你的提交结果(出现学号) 1.2 自己以前编写的代码中经常出现什么异常.需要捕获吗(为什么)?应如何避免? ...
- 201521123060 《Java程序设计》第14周学习总结
1.本周学习总结 1.1以你喜欢的方式(思维导图或其他)归纳总结多数据库相关内容. 2.书面作业 1.MySQL数据库基本操作 1.1建立数据库,将自己的姓名.学号作为一条记录插入.(截图,需出现自己 ...
- MySql数据库第一天
LAMP linux apache mysql php的关系服务器软件 “服务器” 数据库 操作 mysql常用数据类型:int varchar float double bit datetime. ...
- Java: AutoCloseable接口
K7 增加了一些新特性,其中报错AutoCloseable 等.新特性包括如下,下面主要说说AutoCloseable . 在JDK7 中只要实现了AutoCloseable 或Closeable 接 ...
- 跨站数据请求哪家强——青出于蓝的jsonp
/* * 跨站数据请求哪家强--青出于蓝的jsonp数据格式 * @author gj * @date 2017-09-15 */ 先哲有云"青,取之于蓝,而青于蓝:冰,水为之,而寒于水&q ...
- 内核对象 windows操作系统
问题: 什么是内核对象? 答:内核对象实际上时由内核分配的一块内存,而且只能由内核来访问.它时一个数据结构,成员包含有关于该对象的信息.一些成员对于所有对象类型都是一样的,比如对象名称.安全描述.使用 ...
- AFN默认请求和响应的处理
1.默认的响应的解析 1.1 AFN默认不支持接受text/html数据类型,只需要增加即可 manager.responseSerializer.acceptableCont ...
- 【JVM命令系列】jstack
jstack用于打印出给定的java进程ID或core file或远程调试服务的Java堆栈信息,如果是在64位机器上,需要指定选项"-J-d64",Windows的jstack使 ...