avaScript 精粹基础进阶(1)数据类型

blankyao 发布于2019-08-20 16:50 / 247人阅读

摘要：当完成访问后，这个临时对象会被销毁掉。对于判断对象类型的话，常用返回适合基本类型及检测，遇到失效。通过拿到，适合内置对象和基元类型，遇到和失效等返回。

转载请注明出处

原文连接 http://blog.huanghanlian.com/article/5b698e54b8ea642ea9213f49

数据类型

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间检测时失效。

海外云主机 GPU服务器基础数据类型 python基础数据类型 js基础数据类型 js中基础数据类型

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/83199.html

JavaScript 精粹基础进阶(2)表达式和运算符

摘要：表达式是一种短语，可使解释器用来产生一个值。权威指南运算符三元运算符值为就会返回冒号前面的值，如果是就会取冒号右边的值。运算符运算符就是删除对象上的属性，变量，被删除了。运算符运算符是一元运算符，不管值是多少都会返回转载请注明出处原文连接 http://blog.huanghanlian.com/article/5b698e88b8ea642ea9213f4a 表达式和运算符 Ja...

beanlam 2019-08-23 15:44 评论0 收藏0
那些年，我的前端/Java后端书单

摘要：全文为这些年，我曾阅读深入理解过或正在阅读学习即将阅读的一些优秀经典前端后端书籍。当然，如果您喜欢这篇文章，可以动手点点赞或者收藏。全文为这些年，我曾阅读、深入理解过（或正在阅读学习、即将阅读）的一些优秀经典前端/Java后端书籍。全文为纯原创，且将持续更新，未经许可，不得进行转载。当然，如果您喜欢这篇文章，可以动手点点赞或者收藏。基础基础书籍进阶进阶阶段，深入学习的书...

fxp 2019-08-02 16:03 评论0 收藏0
那些年，我的前端/Java后端书单

摘要：全文为这些年，我曾阅读深入理解过或正在阅读学习即将阅读的一些优秀经典前端后端书籍。当然，如果您喜欢这篇文章，可以动手点点赞或者收藏。全文为这些年，我曾阅读、深入理解过（或正在阅读学习、即将阅读）的一些优秀经典前端/Java后端书籍。全文为纯原创，且将持续更新，未经许可，不得进行转载。当然，如果您喜欢这篇文章，可以动手点点赞或者收藏。基础基础书籍进阶进阶阶段，深入学习的书...

Tecode 2019-08-22 18:11 评论0 收藏0
那些年，我的前端/Java后端书单

摘要：全文为这些年，我曾阅读深入理解过或正在阅读学习即将阅读的一些优秀经典前端后端书籍。当然，如果您喜欢这篇文章，可以动手点点赞或者收藏。全文为这些年，我曾阅读、深入理解过（或正在阅读学习、即将阅读）的一些优秀经典前端/Java后端书籍。全文为纯原创，且将持续更新，未经许可，不得进行转载。当然，如果您喜欢这篇文章，可以动手点点赞或者收藏。基础基础书籍进阶进阶阶段，深入学习的书...

VPointer 2019-08-16 12:32 评论0 收藏0