脚本宝典收集整理的这篇文章主要介绍了

【读书笔记】JavaScriptの类型

脚本宝典小编觉得挺不错的,现在分享给大家,也给大家做个参考,希望能帮助你少写一行代码,多一份安全和惬意。

前言

此篇小结来源与《你不知道的JavaScript》和《JavaScript高级程序设计》的结合??或许是的,龟速总结中...

七种内置类型

  1. null
  2. undefined
  3. boolean
  4. number
  5. string
  6. object
  7. symbol

除了object,其他都成为基本类型
变量没有类型,值才有。
typeof总返回一个字符串。

null

类型检测
因为typeof检测null的结果为object,所以在判断的时候需要这样判断:


var a = null;
(!a && typeof null === "object"); //true

undefined

类型检测

typeof undefined === "undefined"; //true

变量未持有值是undefined,但并不是未声明,不过下面结果都是undefined:

var a;
typeof a;  //"undefined"
typeof b;  //"undefined"

安全防范
防止出现直接抛出未声明的错误,不能直接用if(变量)的方法来判断变量是不是存在,可以用以下两种方法:

if(typeof DEGUB  !== "undefined") {}
if(window.DEBUG) {}

boolean

类型检测

typeof true === "boolean"; //true

number

类型检测

typeof 42 === "number"; //true

JS并没有真正意义上的整数,使用双精度格式(64位),42.0等同于42。

数字表示

  1. 默认十进制表示,小数最后的0被省略。
  2. 特别大和特别小的用指数显示,与用toExponential()结果相同。
  3. 数字前面的0可省略。
  4. 小数点后小数最后的0也可以省略。
  5. 调用Number.prototype的方法:toFixed()显示小数位数。
  6. 调用Number.prototype的方法:toPrecision()指定有效数位的显示位数。

注意:运算符会优先认为是有效数字字符

42.toFixed(3); //SynataxError
(42).toFiex(3); //42.000
0.42.toFixed(3); //0.420
42..toFixed(3); //0.420
42 .toFixed(3); //42.000

string

类型检测

typeof "42" === "string"; //true

字符串和字符串数组

  1. 都是类数组,有length属性,有indexOf()和concat()方法。
  2. 字符串不可变(创建返回新值),数组可变,但a[i]在老版本IE中不允许,正确用a.CharAt(i)。
  3. 字符串可以借用方法处理,如:Arrray.prototype.join.call(a,'-');
  4. 数组有reverse()方法,字符串没有。可以用以下方法(对复杂字符如Unicode、星号不适用):

    var c=a.split().reverse().join('');
    

object

typeof返回object对象都包含一个内部属性[[Class]],但这个属性无法直接访问,
可以通过Object.prototype.toString.call()查看

Object.prototype.toString.call([1,2,3]);
// "[object Array]"

Tips:若是基本类型值,null和undefined

Object.prototype.toString.call(null);
// "[object Null]"
Object.prototype.toString.call(undefined);
// "[object Undefined]"

而其他的基本类型,会被包装为相应的封装对象。

函数

类型检测
function是object的子类型,其length属性为参数个数,但是typeof判断结果有function

type of function a(){} === "function"; //true

内建函数/原生函数:
常见的有String()、Number()、Boolean()、Array()、Object()、Function()、RegExp()、Date()、Error()、Symbol(),可能被当作构造函数来使用,创建出来的是封装了的基本类型值。

Tips:
typeof返回的是对象类型的子类型。
万不得已,不使用Object()、Function()、RegExp()。
Date.now()获取当前时间戳,在ES5之前是Date.getTime()。
ES5开始,使用Object.create(null)创建的对象[[Prototype]]属性为null,且没有valueOf()和toString()方法。

数组

类型检测
数组也是object的子类型


type of [1,2,3] === "object"; //true

类数组转换
1.slice()常用于把类数组转换为数组:

Array.prototype.slice.call(arguments);

2.ES6中的Array.from(arguments)实现相同作用。

Array(...)
Array(...)构造函数可以不带new关键字。
若只有一个参数,参数会被作为数组的预设长度(只是length变化了)。而且在不同浏览器中显示的结果也有点差异。map()遍历会失败,而join()会成功,它假定数组不为空,然后通过length来遍历。

var a = Array.apply(null,{length: 3});
a; // [undefined,undefined,undefined]

可以这样代替创建。

注意点
delete可以把元素删除,但length并不会发生变化。

封装/拆封

可以用Object()还能输自行封装。
拆封对象可以用valueOf()函数。

symbol

符号是具有唯一性的特殊值,用它来命名对象属性不容易导致重名,但控制台无法直接访问它的值。
类型检测

typeof Symbol() === "symbol"; //true

定义
ES6z中一些预定义符号,以Symbol静态属性形式出现,如Symbol.create、Symbol.iterator等。

obj[Symbol.iterator] = function(){/*...*/}

定义时候不能带new关键字。
通过Object.getOwnPropertySymbols()可以获得。

类型转换

JS的强制转换总返回标量基本类型值
类型转换发生在静态语言的编译阶段,强制转换发生在动态类语言运行时。

ToString

基本类型字符串转化规则:
null -> null、undefined -> undefined
数字遵循通用规则,包括极小、极大、以及指数形式。

普通对象转化规则:
除非自行定义,否则返回内部属性[[Class]]值。

JSON字符串化
JSON.stringify(...)
不安全的JSON值,如undefined、function、symbol和包含循环引用的都无法处理。
在对象里遇到undefined、function和symbol会自动忽略,在数组中返回null(保证位置不变)。

ToNumber

true -> 1
false -> 0
undefined -> NaN
null -> 0

处理失败返回NaN,对0开头的十六进制数不按十六进制处理,按十进制。
对于对象,会先转换为相应基本类型,再操作,先检查valueOf()再用toString(),若都不返回基本类型值,产生TypeError错误。

~运算符

~返回2的补码,大致等同于-(x+1)。

var a = "Hello World";
if(~a.indexOf("lo")){ //...}

~~来截除字符串,只适用于32位数字,对负数的处理也不太一样。X|0也可以。

Number()、parseInt()

Number不允许解析字符串有非数字字符。
parseInt()的第一个字符是x或者X,转换为十六进制数字。0则转换为八进制数字。

Boolean

建议使用Boolean(a)和!!a来进行显示强制转换。

总结

以上是脚本宝典为你收集整理的

【读书笔记】JavaScriptの类型

全部内容,希望文章能够帮你解决

【读书笔记】JavaScriptの类型

所遇到的程序开发问题,欢迎加入QQ群277859234一起讨论学习。如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典网站推荐给程序员好友。 本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。

80%的人都看过