热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

JavaScript之类型

内置类型JavaScript中有其中内置类型空值(null)未定义(undefined)布尔值(boolean)数字(number)字符串(string)对象(object)符号(

内置类型

Javascript中有其中内置类型

  1. 空值(null)
  2. 未定义(undefined)
  3. 布尔值(boolean)
  4. 数字(number)
  5. 字符串(string)
  6. 对象(object)
  7. 符号(symbol, ES6新增)
    在Javascript中可以用typeof运算符来查看值的类型,他返回的是类型的字符串值。

typeof null === "object"; //true
typeof undefined === "undefined"; //true
typeof true === "boolean"; //true
typeof 42 === "number"; //true
typeof "42" === "string"; //true
typeof {life: 42} === "object"; //true
typeof Symbol() === "symbol"; //true

以上除了null类型之外,其他的六种类型均有同名的字符串值与之对应,并且null是基本类型中唯一的一个假值类型,typeof对他的返回值是object
除了上述的内置类型,还有一种情况

typeof function a(){} === 'function'; //true

如此看来,function(函数)也是Javascript中的一个内置类型,但是通过instanceof这个属性可以发现,实际上它是object的一个子类型,具体来说,可以把函数当作可调用对象,他是一个内部属性[[call]], 该属性使其可以被调用,既然是对象,那函数也有自己的属性,函数对象的length属性是其声明的参数的个数

function a(b, c){}
a.length; //2

值和引用

在Javascript中,变量可能包含两种不同数据类型的值,基本类型值和引用类型值。
基本类型值指的是简单的数据段: 总是通过值复制的方式来赋值/传递,包括null,undefined,字符串,数字,布尔和ES6中的symbol
引用类型值指那些可能有多个值构成的对象(包括数组和封装对象和函数),则总是通过引用复制的方式来赋值/传递
值复制:从一个变量像另一个变量复制基本类型的值,会在变量对象上创建一个新值,然后将该值复制到为新变量分配的位置上,此后这两个变量可以参与任何操作不会有相互影响。

var a = 2;
var b = a; //b是a的值的一个副本
b++
a; //2
b; //3

引用复制: 从一个变量像另一个变量复制引用类型的值时,同样将会存储在变量对象中的值复制一份放到新分配的空间里中。不同的是,这个值的复本实际上是一个指针,而这个指针指向存储在堆中的一个对象。,两个变量实际上将引用同一个对象,其中改变其中一个变量,就会改变另一个变量

var c = [1,2,3];
var d = c;
d.push(4);
c; //[1,2,3,4]
d; //[1,2,3,4]

而且由于引用指向的是值本身而非变量,所以一个引用无法更改另一个引用的指向

var a = [1,2,3]
var b = a;
a; //[1,2,3]
b; //[1,2,3]
b = [4,5,6] //b指向值[4,5,6]
a; //[1,2,3]
b; //[4,5,6]

b = [4,5,6]并不影响a指向值[1,2,3],除非b不是指向数组的引用,而是指向函数a的指针,但在Javascript中不存在这样的情况
函数传参: 在Javascript中所有函数的参数都是按值传递的,也就是说,把函数外部的值复制给函数内部的参数。即在向参数传递基本类型的值时,被传递的值会被复制给一个局部变量,在向参数传递引用类型的值时,会将这个值在内存中的地址复制给一个局部变量。

function foo(x){
x.push(4);
x; //[1,2,3,4]; x = [4,5,6];
x.push(7);
x; //[4,5,6,7]
}
var a = [1,2,3];
foo(a);
a; // 是[1,2,3,4]而不是[4,5,6,7];

我们在向函数传参的时候,实际上是把引用a的复本赋值给x了,而a仍指向[1,2,3]。

字符串

字符串和数组很相似,都有length属性以及indexOf()和concat()方法,在Javascript中字符串是不可变的,字符串的成员函数不会改变其原始值,而是创建并返回一个新的字符串。

var a = foo;
var b = a.toUpperCase();
a === b //false
a; //"foo";
b; //"FOO"

许多数组函数用来处理字符串很方便,虽然字符串没有这些函数,但可以通过借用数组的非变更方法来处理字符串;

var a = foo;
a.join; //undefined
a.map; //undefined
var b = Array.prototype.join.call(a, '-');
var c = Array.prototype.map.call(a, function(v){
return v.toUpperCase() + ".";
}).join("");
b; //"f-o-o"
c; //"F.O.O"

例如常见的字符串反转问题

var a = "foo";
var b = Array.prototype.reverse.call(a);
b; //"oof";
//也可以是
var c = a.split("").resverse().join("");
c; //"oof"

上述方法对于包含复杂字符(Unicode, 星号, 多字节字符等)的字符串不适用,需要特殊的库来实现

数字

Javascript只有一种数值类型: number(数字), 包括整数和带小数的十进制数,Javascript中没有真正意义上的整数,Javascript中的整数就是没有小数的十进制数,所以42.0等同于整数42。 而数字类型常见的问题就是

0.1 + 0.2 === 0.3 //false

这是因为二进制浮点数中的0.1和0.2并不是十分精确,他们相加的结果并非刚好等于0.3,而是一个比较接近的数字,所以判断结果为false。
对于这种情况,最常见的方法是设置一个误差范围值,从ES6开始,该值定义在Number.EPSILON中我们可以直接拿来用。

if(!Number.EPSILON){
Number.EPSILON = Math.pow(2, -52);
}
function foo(n1, n2){
return Math.abs(n1 - n2) }
var a = 0.1 + 0.2
var b = 0.3
foo(a, b); //true

特殊的数字

1.不是数字的数字
如果数学运算的操作数不是数字类型(或者无法解析常规的十进制或十六进制数字),就无法返回一个有效的数字,这种情况下返回值为NaN。例如

var a = 2 / "foo"; //NaN
typeof a === "number"; // true

NaN是一个警戒值,用于指出数字类型中的错误情况,即执行数学运算没有成功,这是失败后返回的结果。他是一个特殊值,她和自身不相等

var a = 2 / "foo"
a === NaN; //false

我们可以用内建的全局工具函数isNaN(..)来判断一个值是否是NaN,但是这种方法有严重缺陷

var a = 2 / "foo";
var b = foo;
window.isNaN(a); //true;
window.isNaN(b); //true;

对于这种现象,ES6开始使用工具函数Number.isNaN(..)

if(!Number.isNaN){
Number.isNaN = function(n){
return n !== n;
}
}
var a = 2 / "foo";
var b = foo;
Number.isNaN(a); //true
Number.isNaN(b); //false

2.无穷数
在Javascript中1 / 0 和 - 1 / 0这种操作会返回Infinity或者-Infinity
Javascript使用有限数字表示法,所以Javascript的运算结果容易溢出,此时结果为Infinity或者-Infinity
3.零值
Javascript中有一个常规的0,还有一个-0

var a = 0 / -3; // -0
var b = 0 * -3; // -0

-0进行字符串化会返回0

var a = 0 / -3;
a.toString(); //"0";
a + ""; //"0"

将其从字符串转换成数字,得到的结果是正确的

+ "-0"; //"0"
Number("-0"); //"0"

布尔

Javascript中有两个关键词true和false,代表真和假,其他数据类型的值可以强制转换为布尔值。在Javascript中假值有这些:
undefined,null,false,+0, -0和NaN,""。除了这些值之外其他是真值。


推荐阅读
  • 本文详细解析了JavaScript中相称性推断的知识点,包括严厉相称和宽松相称的区别,以及范例转换的规则。针对不同类型的范例值,如差别范例值、统一类的原始范例值和统一类的复合范例值,都给出了具体的比较方法。对于宽松相称的情况,也解释了原始范例值和对象之间的比较规则。通过本文的学习,读者可以更好地理解JavaScript中相称性推断的概念和应用。 ... [详细]
  • 本文介绍了闭包的定义和运转机制,重点解释了闭包如何能够接触外部函数的作用域中的变量。通过词法作用域的查找规则,闭包可以访问外部函数的作用域。同时还提到了闭包的作用和影响。 ... [详细]
  • 本文讨论了在手机移动端如何使用HTML5和JavaScript实现视频上传并压缩视频质量,或者降低手机摄像头拍摄质量的问题。作者指出HTML5和JavaScript无法直接压缩视频,只能通过将视频传送到服务器端由后端进行压缩。对于控制相机拍摄质量,只有使用JAVA编写Android客户端才能实现压缩。此外,作者还解释了在交作业时使用zip格式压缩包导致CSS文件和图片音乐丢失的原因,并提供了解决方法。最后,作者还介绍了一个用于处理图片的类,可以实现图片剪裁处理和生成缩略图的功能。 ... [详细]
  • 本文讨论了编写可保护的代码的重要性,包括提高代码的可读性、可调试性和直观性。同时介绍了优化代码的方法,如代码格式化、解释函数和提炼函数等。还提到了一些常见的坏代码味道,如不规范的命名、重复代码、过长的函数和参数列表等。最后,介绍了如何处理数据泥团和进行函数重构,以提高代码质量和可维护性。 ... [详细]
  • 用Vue实现的Demo商品管理效果图及实现代码
    本文介绍了一个使用Vue实现的Demo商品管理的效果图及实现代码。 ... [详细]
  • Ihaveaworkfolderdirectory.我有一个工作文件夹目录。holderDir.glob(*)>holder[ProjectOne, ... [详细]
  • javascript  – 概述在Firefox上无法正常工作
    我试图提出一些自定义大纲,以达到一些Web可访问性建议.但我不能用Firefox制作.这就是它在Chrome上的外观:而那个图标实际上是一个锚点.在Firefox上,它只概述了整个 ... [详细]
  • JavaScript设计模式之策略模式(Strategy Pattern)的优势及应用
    本文介绍了JavaScript设计模式之策略模式(Strategy Pattern)的定义和优势,策略模式可以避免代码中的多重判断条件,体现了开放-封闭原则。同时,策略模式的应用可以使系统的算法重复利用,避免复制粘贴。然而,策略模式也会增加策略类的数量,违反最少知识原则,需要了解各种策略类才能更好地应用于业务中。本文还以员工年终奖的计算为例,说明了策略模式的应用场景和实现方式。 ... [详细]
  • Voicewo在线语音识别转换jQuery插件的特点和示例
    本文介绍了一款名为Voicewo的在线语音识别转换jQuery插件,该插件具有快速、架构、风格、扩展和兼容等特点,适合在互联网应用中使用。同时还提供了一个快速示例供开发人员参考。 ... [详细]
  • 不同优化算法的比较分析及实验验证
    本文介绍了神经网络优化中常用的优化方法,包括学习率调整和梯度估计修正,并通过实验验证了不同优化算法的效果。实验结果表明,Adam算法在综合考虑学习率调整和梯度估计修正方面表现较好。该研究对于优化神经网络的训练过程具有指导意义。 ... [详细]
  • 开发笔记:计网局域网:NAT 是如何工作的?
    篇首语:本文由编程笔记#小编为大家整理,主要介绍了计网-局域网:NAT是如何工作的?相关的知识,希望对你有一定的参考价值。 ... [详细]
  • 闭包一直是Java社区中争论不断的话题,很多语言都支持闭包这个语言特性,闭包定义了一个依赖于外部环境的自由变量的函数,这个函数能够访问外部环境的变量。本文以JavaScript的一个闭包为例,介绍了闭包的定义和特性。 ... [详细]
  • 模板引擎StringTemplate的使用方法和特点
    本文介绍了模板引擎StringTemplate的使用方法和特点,包括强制Model和View的分离、Lazy-Evaluation、Recursive enable等。同时,还介绍了StringTemplate语法中的属性和普通字符的使用方法,并提供了向模板填充属性的示例代码。 ... [详细]
  • HashMap的相关问题及其底层数据结构和操作流程
    本文介绍了关于HashMap的相关问题,包括其底层数据结构、JDK1.7和JDK1.8的差异、红黑树的使用、扩容和树化的条件、退化为链表的情况、索引的计算方法、hashcode和hash()方法的作用、数组容量的选择、Put方法的流程以及并发问题下的操作。文章还提到了扩容死链和数据错乱的问题,并探讨了key的设计要求。对于对Java面试中的HashMap问题感兴趣的读者,本文将为您提供一些有用的技术和经验。 ... [详细]
  • STL迭代器的种类及其功能介绍
    本文介绍了标准模板库(STL)定义的五种迭代器的种类和功能。通过图表展示了这几种迭代器之间的关系,并详细描述了各个迭代器的功能和使用方法。其中,输入迭代器用于从容器中读取元素,输出迭代器用于向容器中写入元素,正向迭代器是输入迭代器和输出迭代器的组合。本文的目的是帮助读者更好地理解STL迭代器的使用方法和特点。 ... [详细]
author-avatar
mobiledu2502887783
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有