读书应用JavaScript的数据类型

作者 魏楷聪 发布于 2015年01月20日

一个完整的JavaScript实现是由以下3个例外部分组成的:

a. 焦点(ECMAScript)   b. 文档对象模型(DOM)   c.
浏览器对象模型(BOM)

> JavaScript的主题ECMAScript描述了该语言的语法和骨干目标

ECMAScript是一个重要的业内,但它并不是JavaScript唯一的一些,当然,也不是绝无仅有被规范的部分。

ECMAScript描述了以下内容:a. 语法; b. 类型; c. 语句; d. 关键字; e.
保留字; f. 运算符; g. 对象。

ECMAScript仅仅是一个描述,定义了脚本语言的兼具属性、方法和对象。其余的语言可以兑现ECMAScript来作为职能的尺度,JavaScript就是如此。

ECMAScript并不与其他具体浏览器相绑定,实际上,它也远非关联任何用户输入输出的法门。每个浏览器都有它和谐的ECMAScript接口的实现,然后这些实现又被扩大,包含了DOM和BOM。

> DOM描述了拍卖网页内容的模式和接口

DOM(文档对象模型)是HTML和XML的应用程序接口(API)。DOM将把全副页面规划成由节点层级构成的文档。HTML或XML页面的各种部分都是一个节点的衍生物。

DOM通过创办树来代表文档,从而使开发者对文档的始末和结构具有空前的控制力。用DOM
API可以轻松地删除、添加和替换节点。

> BOM描述了与浏览器举行交互的法门和接口

BOM(浏览器对象模型),可以对浏览器窗口举办访问和操作。使用BOM,开发者可以活动窗口、改变状态栏中的文本以及履行此外与页面内容不直接有关的动作。BOM只是JavaScript实现的一局部,没有任何有关的规范。由于没有相关的BOM标准,每种浏览器都有投机的BOM实现。

1. 原始值和引用值

在ECMAScript中,变量可以存放两种档次的值,即原始值和引用值。

a. 原始值(primitive
value)是储存在栈(stack)中的简单数据段,也就是说,它们的值直接存储在变量访问的岗位。

b. 引用值(reference
value)是储存放在堆(heap)中的对象,也就是说,存储在变量处的值是一个指南针(point),指向存储对象的内存处。

原始类型占据的半空中是稳定的,将它们存储在较小的内存区域中——栈中,便于快捷查询变量的值。

引用类型的蕴藏空间将从堆中分红。由于引用值的大小会改变,所以无法把它坐落栈中,否则会下跌变量查寻的进度。相反,放在变量的栈空间中的值是该目的存储在堆中的地址。地址的轻重缓急是定点的,所以把它存储在栈中对变量性能无其他负面影响。

> (重点)五大原始类型(primitive type):

UndefinedNullBooleanNumberString

  1. 可以用 typeof  运算符来判断一个变量是属于哪类档次:

“undefined”,变量是Undefined型

“boolean”,变量是Boolean型

“number”,变量是Number型

“string”,变量是String型

“object”,变量是一种引用类型或 Null 类型

  1. Undefined 类型

唯有一个值,即undefined(字面量)。当声明的变量未开端化时,该变量的默认值是undefined。不过,值undefined并不同于未定义的值,而typeof运算符并不真的区分那二种值。

var oTemp;

// make sure this variable isn’t defind

// var oTemp2;

alert(typeof oTemp); // outputs “undefined”

ECMAScript,alert(typeof oTemp2); // outputs “undefined”

alert(oTemp2 == undefined); // cause error

对未定义的oTemp2使用除了typeof之外其它运算符,将唤起错误,因为那么些运算符只好用于已定义的变量。

当函数无明确再次回到值时,重回的值也是值undefined。

  1. Null 类型

唯有一个值,即null(字面量)。用于表示一直不存在的对象。

值undefined实际上是从值null派生来的。

alert(null == undefined);  // outputs “true”

  1. Boolean 类型

有五个值true和false(即多个Boolean字面量)。

  1. Number 类型

既能够表示32位的整数,还是可以够象征64位的浮点数。直接输入的(而不是从另一个变量访问的)任何数字都被看做Number型的字面量。

平头可以被代表为八进制或十六进制的字面量,但持有数学运算重返的都是十进制结果

浮点数字面量必须概括小数点和小数点后的一位数字,用它进行测算前,真正存储的是字符串

一个特有值:NaN,表示非数(Not a Number)。

alert(isNaN(“blue”)); // outputs “true”

alert(isNaN(“123”)); // outputs “false”

  1. String 类型

String类型的例外之处在于,它是唯一没有一直大小的原始类型。字符串字面量是由双引号(”)或单引号(’)表明的。

> 四大引用类型:Object类Boolean类Number类String类

引用来型平日叫作类(class),也就是说,遭受引用值时,所拍卖的就是目的。ECMAScript定义了“对象定义”,逻辑上等价于另外程序设计语言中的类。

拥有异常的原始类型的引用类型:

  1. Object

Object类自身用处不大,但ECMAScript中的所有类都由这一个类继承而来,Object类中的所有属性和艺术都会油然则生在此外类中。

属性
prototype:对该对象的靶子原型的引用(指针)。对于Object类,该指针指向原始的object()函数。

方法
prototypeIsEnumerable(property):判断给定的习性是否足以用for…in语句进行枚举。

  1. Boolean

Boolean类是Boolean原始类型的引用类型。

Boolean对象将覆盖object类的valueOf()方法,再次回到原始值,即true或false。toString()方法也会被覆盖,重临字符串“true”或”false”。

提出少用Boolean对象,最好仍然利用Boolean原始值。

// 在Boolean表明式中,所有目的都会被自动转换为true

var oFlaseObject = new Boolean(false);

var bResult = oFlaseObject && true;  // outputs true

  1. Number

开创Number对象并得到数字对象的Number原始值(valueOf()方法):

var oNumberObject = new Number(55);

var iNumber = oNumberObject.valueOf();

toFixed()方法重临的是兼备指定位数小数的数字的字符串表示:

var oNumberObject = new Number(99);

alert(oNumberObject.toFixed(2));  // outputs “99.00”

此处,toFixed()方法的参数是2,说明了应有显得几位小数,空的小数位由0补充。toFixed()方法能表示具有0到20位小数的数字,超出那么些限制的值会引起错误。

一经可能,都使用数字的原始表示法。

  1. String

String类是String原始类型的靶子表示法。

String对象的valueOf()方法和toString()方法都会回来String类型的原始值:

var oStringObject = new String(“hello world”);

alert(oStringObject.valueOf() == oStringObject.toString());  //
outputs “true”

String类具有属性length,它是字符串中的字符个数:

var oStringObject = new String(“hello world”);

alert(oStringObject.length);  // outputs “11”

String类还有大量的方法,可以查阅API。

  1. instanceof 运算符

instanceof运算符与typeof运算符相似,用于识别正在处理的目的的品类。与typeof方法不同的是,instanceof方法要求开发者明确地肯定对象为某一定类型。

var oStringObject = new String(“hello world”);

alert(oStringObject instanceof String);  // outputs “true”

2. 转换

> 简单的转换方法

  1. 转换成字符串

3种首要的原始值Boolean值、数字和字符串都是伪对象,都有toString()方法,可以把它们的值转换成字符串。

Boolean型的toString()方法只是出口“true”或“false”,结果由变量的值决定。

Number类型的toString()方法有两种格局,即默认情势和基情势。

在默认情势中,重返的都是数字的十进制表示。

在基情势中,可以用不同的基输出数字。

var iNum1 = 10;

alert(iNum1.toString(2));  // outputs “1010”

alert(iNum1.toString(8));  // outputs “12”

alert(iNum1.toString(16));  // outputs “A”

HTML采取十六进制数表示每种颜色,在HTML中拍卖数字时这种效应特别有效。

  1. 转换成数字,只转换第一个不算字符以前的字符串

parseInt():

var iNum1 = parseInt(“1234blue”);  // return 1234

var iNum2 = parseInt(“0xA”);  // return 10

var iNum3 = parseInt(“22.5”);  // return 22

var iNum4 = parseInt(“blue”);  // return NaN

parseInt()方法的基格局:

var iNum1 = parseInt(“AF”, 16);  // return 175

var iNum2 = parseInt(“10”, 2);  // return 2

var iNum3 = parseInt(“10”, 8);  // return 8

var iNum4 = parseInt(“10”, 10);  // return 10

假诺十进制数包含前导0,那么最好应用基数10,这样才不会奇怪地收获八进制的值。

parseFloat():

var iNum1 = parseFloat(“1234blue”);  // return 1234

var iNum2 = parseFloat(“0xA”);  // return 0

var iNum3 = parseFloat(“22.5”);  // return 22.5

var iNum4 = parseFloat(“22.34.5”);  // return 22.34

var iNum5 = parseFloat(“0908”);  // return 908

var iNum6 = parseFloat(“blue”);  // return NaN

> 强制类型转换(type casting)

  1. Boolean(value):把给定的值转换成Boolean型

当要转换的值是最少有一个字符的字符串非0数字对象时,Boolean()函数将再次回到true。若是该值是空字符串数字0undefinednull,它将赶回false。

var b1 = Boolean(“”);  // false – empty string

var b2 = Boolean(“hi”);  // true – non-empty string

var b3 = Boolean(100);  // true – non-zero string

var b4 = Boolean(null);  // false – null

var b5 = Boolean(0);  // false – zero

var b6 = Boolean(new Object());  // true – object

Number(value):把给定的值转换成数字(可以是整数或浮点数),转换的是全体值

var n1 = Number(false);  // 0

var n2 = Number(true);  // 1

var n3 = Number(undefined);  // NaN

var n4 = Number(null);  // 0

var n5 = Number(“5.5”);  // 5.5

var n6 = Number(“56”);  // 56

var n7 = Number(“5.6.7”);  // NaN

var n8 = Number(new Object());  // NaN

var n9 = Number(100);  // 100

String(value):把给定的值(任何值)转换成字符串

强制转换成字符串和调用toString()方法的绝无仅有不同之处在于,对null或undefined值强制类型转换能够生成字符串而不吸引错误:

var s1 = String(null);  // “null”

var oNull = null;

var s2 = oNull.toString();  // won’t work, causes an error

3. 函数

函数是ECMAScript的基本。函数(function)就是目的。

假如函数无强烈的重回值,或调用了未曾参数的return语句,那么它确实再次回到的值是undefined。

  1. 无重载:ECMAScript中的函数无法重载,没有办法(函数)重载的定义。

  2. arguments对象:每个函数都有一个涵盖的靶子
    arguments,表示给函数实际传递的参数

  3. Function类:所有自定义的函数都是Function 对象类型的。Function
    对象吸收的富有参数都是字符串类型的,其中最终一个参数就是要推行的函数体,而眼前的参数则是函数真正需要吸收的参数。

每一个函数对象都有一个 length
属性,表示该函数期望接收的参数格式。它与函数的 arguments
不同,arguments.length 表示函数实际吸收的参数格式。

Function对象也有与拥有目的共享的专业valueOf()方法和toString()方法。这三个办法重回的都是函数的源代码,在调试时尤其有用。

  1. 闭包

所谓闭包,是指词法表示包括不必统计的变量的函数,也就是说,该函数能接纳函数外定义的变量。

(完)