avaScript 精粹 基础 进阶(1)数据类型
数据类型
JavaScript六种数据类型
JavaScript一共有六种数据类型,其中有五种原始类型,和一种对象类型。
JavaScript 隐式转换
var x='The answer'+42;//The answer42
var y=42+'The answer';//42The answer
这里的加号可以理解为字符串的拼接
var x="37"-7; //30
var y="37"+7; //377
这里的减号会理解为减法运算,而加号会理解为字符串拼接
等于判断
var x="1.23"==1.23;//true 当等于一边是字符串一边是数字的时候会尝试把字符串转换为数字再进行比较
var y=0==false;//true
var e=null==undefined;//true
var c=new Object()==new Object();//false
var d=[1,2]==[1,2];//false
类型不同,尝试类型转换和比较
类型不同,尝试类型转换和比较:
null == undefined 相等
number == string 转number 1 == “1.0" // true
boolean == ? 转number 1 == true // true
object == number | string 尝试对象转为基本类型 new String('hi') == ‘hi’ // true
其它:false
严格等于
a===b
顾名思义,它首先会判断等号两边的类型,如果两边类型不同,返回false
如果类型相同,
类型相同,同===
var h=null===null;//true
var f=undefined===undefined;//true
var g=NaN===NaN;//false number类型它和任何值比较都不会相等,包括和它自己
var l=new Object()===new Object();//false 对象应该用引用去比较,而不是用值去比较,因为它们不是完全相同的对象。所以我们定义对象x和y去比较只有这样才会是true
JavaScript 包装对象
原始类型number
,string
,boolean
这三种原始类型都有对应的包装类型。
var a = “string”;
alert(a.length);//6
a.t = 3;
alert(a.t);//undefined
字符串,当把一个基本类型尝试以对象的方式去使用它的时候,比如访问length属性,js会很智能的把基本类型转换为对应的包装类型对象。相当于new了string。当完成访问后,这个临时对象会被销毁掉。所以a.t赋值为3后再去输出a.t值是undefined
JavaScript 类型检测
类型检测有以下几种
typeof
instanceof
Object.prototype.toString
constructor
duck type
最常见的typeof
它会返回一个字符串,非常适合函数对象和基本类型的判断
typeof 100 === “number”
typeof true === “boolean”
typeof function () {} === “function”
typeof(undefined) ) === “undefined”
typeof(new Object() ) === “object”
typeof( [1, 2] ) === “object”
typeof(NaN ) === “number”
typeof(null) === “object”
typeof
判断一些基本类型,函数对象的时候非常方便。但是对于其他对象的类型判断就会没有办法了。比如说想判断一个对象是不是数组,如果用typeof
会返回object
显然不是我想要的。
对于判断对象类型的话,常用obj instanceof Object
[1, 2] instanceof Array === true
new Object() instanceof Array === false
function person(){};
function student(){};
student.prototype=new person();
var bosn =new student();
console.log(bosn instanceof student)//true
var one =new person();
console.log(one instanceof person)//true
console.log(bosn instanceof person)//true
Object.prototype.toString
**IE6/7/8 Object.prototype.toString.apply(null) 返回”[object Object]”
**
Object.prototype.toString.apply([]); === “[object Array]”;
Object.prototype.toString.apply(function(){}); === “[object Function]”;
Object.prototype.toString.apply(null); === “[object Null]”
Object.prototype.toString.apply(undefined); === “[object Undefined]”
typeof
适合基本类型及function检测,遇到null失效。
[[Class]]
通过{}.toString拿到,适合内置对象和基元类型,遇到null和undefined失效(IE678等返回[object Object])。
instanceof
适合自定义对象,也可以用来检测原生对象,在不同iframe和window间检测时失效。
原文地址:https://www.cnblogs.com/baimeishaoxia/p/12890469.html
- Python之递归函数
- 你不得不会的MarkDown
- 状态机的实现探讨
- Docker入门实战(二)——Docker镜像操作
- 使用强大的 Mockito 来测试你的代码
- java学习手册-CentOS 6.3(x86_32)下安装Oracle 10g R2
- Docker入门实战(三)——用Dockerfile构建镜像
- C++中消息自动派发之二 About IDL解析器
- C++中消息自动派发之三 About JSON Encode
- Linux管道命令
- Linux数据流重定向
- C++中消息自动派发之四 使用IDL构建Chat Server
- Linux Shell(二)——Shell的环境配置
- 支持插件的消息中间件【msg broker with plugin】
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- android 实现按钮浮动在键盘上方的实例代码
- 创建Android守护进程实例(底层服务)
- android studio xml文件实现添加注释
- 解决Android studio xml界面无法预览问题
- Android Studio通过Artifactory搭建本地仓库优化编译速度的方法
- Android实现向本地写入一个XML文件和解析XML文件
- Android自定义View实现带4圆角或者2圆角的效果
- Android 在 res/layout 文件夹 下创建一个 子文件夹实例
- Android开发实现TextView超链接5种方式源码实例
- Android根据包名停止其他应用程序的方法
- Android APP存活检测方式
- 利用Android两行代码真正杀死你的App
- android判断应用是否已经启动的实例
- 解决android studio引用远程仓库下载慢(JCenter下载慢)
- 在Android中查看当前Activity是否销毁的操作