当前位置:首页 > 系列课程 > JS高级设计 > 正文内容

1、JavaScript基本概念(简介、语法、数据类型)

binadmin2020-06-24JS高级设计64

javascript包含三部分:核心(ECMAScript),文档对象模型(DOM),浏览器对象模型(BOM)

核心(ECMAScript):由ECMA-262定义,提供核心语言功能

文档对象模型(DOM):提供访问和操作网页内容的方法和接口

浏览器对象模型(BOM):提供与浏览器交互的方法和接口

1、<script>属性

html 4.01为 <script>定义了下列6个属性。

async:可选。表示应该立即下载脚本,但不应妨碍页面中的其他操作,比如下载其他资源或 等待加载其他脚本。只对外部脚本文件有效。

charset:可选。表示通过sre属性指定的代码的字符集。由于大多数浏览器会忽略它的值, 因此这个属性很少有人用。

defer:可选。表示脚本可以延迟到文档完全被解析和显示之后再执行,只对外部脚本文件有 效。IE7及更早版本对嵌入脚本也支持这个属性。

language:已废弃。原来用于表示编写代码使用的脚本语言(如javascriptjavascript 1.2 或VBScript )。大多数浏览器会忽略这个属性,因此也没有必要再用了。

src:可选。表示包含要执行代码的外部文件。

type:可选。可以看成是language的替代属性;表示编写代码使用的脚本语言的内容类型(也 称为MIME类型)。虽然text/javascript和text/ecmascript都已经不被推荐使用,但人 们一直以来使用的都还是text/ javascript 。实际上,服务器在传送javascript文件时使用的 MIME类型通常是application/x-javascript,但在typo中设置这个值却可能导致脚本被 忽略。另外,在非IE浏览器中还可以使用以下值:application/javascript和application/ ecmascript。考虑到约定俗成和最大限度的浏览器兼容性,目前type属性的值依旧还是 text/javascripto不过,这个属性并不是必需的,如果没有指定这个属性.则其默认值仍为 text/j avascript

延迟脚本

html4.01为<script>标签定义了 defer属性。这个属性的用途是表明脚本在执行时不会影响页 面的构造。也就是说,脚本会被延迟到整个页面都解析完毕后再运行。因此,在<script>元素中设置 defer属性,相当于告诉浏览器立即下载,但延迟执行

前面提到过,defer属性只适用于外部脚本文件。这一点在html5中已经明确规定,因此支持 html5的实现会忽略给嵌入脚本设置的defer属性。IE4 ~ IE7还支持对嵌入脚本的defer属性,但 IE8及之后版本则完全支持html5规定的行为。

IE4、Firefox 3.5. Safari 5和Chrome是最早支持defer属性的浏览器。其他浏览器会忽略这个属 性,像平常一样处理脚本。为此,把延迟脚本放在页面底部仍然是最佳选择。

在Xhtml文档中,要把defer属性设置为defer=de£er ”

异步脚本

html5为<script>元素定义了 async属性。这个属性与defer属性类似,都用于改变处理脚本的行为。同样与defer类似,async只适用于外部脚本文件,并告诉浏览器立即下载文件。但与defer 不同的是,标记为async的脚本并不保证按照指定它们的先后顺序执行。

因此,确保两者之间互不依赖 非常重要。指定async属性的目的是不让页面等待两个脚本下载和执行,从而异步加载页面其他内容。 为此,建议异步脚本不要在加载期间修改DOM。

异步脚本一定会在页面的load事件前执行,但可能会在DOMContentLoaded事件触发之前或之 后执行。支持异步脚本的浏览器有Firefox 3.6, Safari 5和Chrome。

在Xhtml文档中,要把async属性设置为async = "async" 

2、文档模式

IE5.5引入了文档模式的概念,而这个概念是通过使用文档类型(doctype)切换实现的。最初的两 种文档模式是:混杂模式(quirks mode) 和标准模式(standards mode )。混杂模式会让IE的行为与(包 含非标准特性的)IE5相同,而标准模式则让IE的行为更接近标准行为。虽然这两种模式主要影响css 内容的呈现,但在某些情况下也会影响到javascript的解释执行。本书将在必要时再讨论这些因文档模 式而影响JavaScript执行的情况。

在IE引入文档模式的概念后,其他浏览器也纷纷效仿。在此之后,IE 乂提出一种所谓的准标准模 式(almost standards mode )o这种模式下的浏览器特性有很多都是符合标准的,但也不尽然。不标准的 地方主要体现在处理图片间隙的时候(在表格中使用图片时问题最明显)o

如果在文档开始处没有发现文档类型声明,则所有浏览器都会默认开启混杂模式。但采用混杂模式 不是什么值得推荐的做法,因为不同浏览器在这种模式下的行为差异非常大,如果不使用某些hack技 术,跨浏览器的行为根本就没有一致性可言。

对于标准模式,可以通过使用下面任何一种文档类型来开启:

<! -- html 4.01 严格型-->
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" 
"http://www.w3.org/TR/html4/strict.dtd">
<! -- XHTML 1.0 严格型-->
<1 DOCTYPE html PUBLIC
"-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!-- HTML 5 -->
<!DOCTYPE html>

而对于准标准模式,则可以通过使用过渡型(transitional)或框架集型(frameset)文档类型来触发, 如下所示:

<!一 HTML 4.01 过渡型-->
<!DOCTYPE HTML PUBLIC
"-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
― HTML 4.01 框衆集型-二〉
<!DOCTYPE HTML PUBLIC •
"-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">
<!-- XHTML 1.0 过渡型—>
<!DOCTYPE html PUBLIC
"-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtmll/DTD/xhtmll-transitional.dtd">
<!— XHTML 1.0 框架集型-->
<!DOCTYPE html PUBLIC
"-//W3C//DTD XHTML 1.0 Frameset//EN"
"http://www.w3.org/TR/xhtmll/DTD/xhtml1-frameset.dtd">

准标准模式与标准模式非常接近,它们的差异几乎可以忽略不计。因此,当有人提到“标准模式” 时,有可能是指这两种模式中的任何一种。而且,检测文档模式(本书后面将会讨论)时也不会发现什 么不同。本书后面提到标准模式时,指的是除混杂模式之外的其他模式

使用<noscript>元素可以指定在不支持脚本的浏览器中显示的替代内容。但在启用了脚本 的情况下,浏览器不会显示<noscript>元素中的任何内容

3、严格模式

ECMAScript 5引入了严格模式(strict mode)的概念。严格模式是为JavaScript定义了一种不同的 解析与执行模型。在严格模式下,ECMAScript3中的一些不确定的行为将得到处理,而且对某些不安全 的操作也会抛出错误。要在整个脚本中启用严格模式,可以在顶部添加如下代码:

"use strict";

这行代码看起来像是字符串,而且也没有赋值给任何变量,但其实它是一个编译指示(pragma), 用于告诉支持的JavaScript引擎切换到严格模式。这是为不破坏ECMAScript 3语法而特意选定的语法。

在函数内部的上方包含这条编译指示,也可以指定函数在严格模式下执行:

function doSomething(){
"use strict";
//函数体
)

严格模式下,JavaScript的执行结果会有很大不同,因此本书将会随时指出严格模式下的区别。支 持严格模式的浏览器包括 IE10+、Firefox 4+, Safari 5.1+, Opera 12+和 Chrome。

4、数据类型

ECMAScript中有5种简单数据类型(也称为基本数据类型):Undefined、Null、Boolean、Number和String,还有1种复杂数据类型 Object。

4.1.typeof 操作符

"undefined" 如果这个值未定义;
"boolean"——如果这个值是布尔值;
"string"—如果这个值是字符串;
"number"——如果这个值是数值;
"object"——如果这个值是对象或null;
"function"——如果这个值是函数

有些时候,typeof操作符会返回一些令人迷惑但技术上却正确的值。比如,调用typeof null 会返回"object",因为特殊值null被认为是一个空的对象引用。Safari5及之前版本、Chrome7及之 前版本在对正则表达式调用typeof操作符时会返回"function",而其他浏览器在这种情况下会返回 "object"

从技术角度讲,函数在ECMAScript中是对象,不是一种数据类型。然而,函数也确实有一些特殊的属性,因此通过typeof操作符来区分函数和其他对象是有必要的

4.2.Undefined 类型

Undefined类型只有一个值,即特殊的undefined。在使用var声明变量但未对其加以初始化时, 这个变量的值就是undefined。

一般而言,不存在需要显式地把一个变量设置为undefined值的情况。字函值 undefined的主要目的是用于比较,而ECMA-262第3版之前的版本中并没有规定 这个值。第3版引入这个伎是为了正式区分空对象指针与未经初始化的变量。

不过,包含undefined值的变量与尚未定义的变最还是不一样的。看看下面这个例子:

var message; //这个变量声明之后默认取得了 undefined
//下面这个变量并没有
// var age
alert(message);//"undefined" 
alert(age);//产生错误

运行以上代码,第一个警告框会显示变量message的值,即"undefined"。

而第二个警告框,由于传递给alert ()函数的是尚未声明的变量age,则会导致一个错误。

对于尚未声明过的变量,只能执行一项操作,即使用typeof操作符检测其数据类型(对未经声明的变量调用delete不会导致错 误,但这样做没什么实际意义,而且在严格模式下确实会导致错误)


然而,令人困惑的是:对未初始化的变鼠执行typeof操作符会返回undefined值,而对未声明 的变量执行typeof操作符同样也会返回undefined值。来看下面的例子:

var message; //这个变量声明之后默认取得了 undefined
//下面这个变量并没有声明
// var age
alert(typeof meseage); // "undefined*
alert(typeof age); // "undefined"

结果表明,对未初始化和未声明的变量执行typeof操作符都返回了 undefined值;这个结果有 其逻辑上的合理性。因为虽然这两种变量从技术角度看有本质区别,但实际上无论对哪种变量也不可能 执行真正的操作。

4.3.Null 类型

Null类型是第二个只有一个值的数据类型,这个特殊的值是null。从逻辑角度来看,null值表 示一个空对象指针,而这也正是使用typeof操作符检测null值时会返回"object"的原因。

如果定义的变量准备在将来用于保存对象,那么最好将该变量初始化为null而不是其他值。这样 一来,只要直接检査null值就可以知道相应的变量是否已经保存了一个对象的引用,如下面的例子 所示:

if (car != null){
//对car对象执行某些操作
)
实际上,undefined值是派生自null值的,因此ECMA-262规定对它们的相等性测试要返回true:
alert(null == undefined); //true
但是不能全等于
alert(null === undefined); //false

这里,位于null和undefined之间的相等操作符(==)总是返回true,不过要注意的是,这个 操作符出于比较的目的会转换其操作数(本章后面将详细介绍相关内容)

尽管null和undefined有这样的关系,但它们的用途完全不同。如前所述,无论在什么情况下 都没有必要把一个变量的值显式地设置为undefined,可是同样的规则对null却不适用。换句话说, 只要意在保存对象的变量还没有真正保存对象,就应该明确地让该变量保存null值。这样做不仅可以 体现null作为空对象指针的惯例,而且也有助于进一步区分null和undefined


4.4. Boolean 类型

Boolean类型是ECMAScript中使用得最多的一种类型,该类型只有两个字面值:true和false。 这两个值与数字值不是一回事,因此true不一定等于1,而false也不一定等于0


需要注意的是,Boolean类型的字面值true和false是区分大小写的。也就是说.True和False (以及其他的混合大小写形式)都不是Boolean值,只是标识符。

数据类型转换为true的值转换为false的值
Booleantruefalse
String任何非空字符串""(空字符串)
Number任何非零数字值(包括无穷大)0和NaN 
Object任何对象null
Undefined不适用undefined


这些转换规则对理解流控制语句(如if语句)自动执行相应的Boolean转换非常重要


4.5.Number 类型

Number类型应该是ECMAScript中最令人关注的数据类型了,这种类型使用IEEE754格式来表示 整数和浮点数值(浮点数值在某些语言中也被称为双精度数值)。为支持各种数值类型,ECMA-262 义了不同的数值字面覺格式。

最基本的数值字面量格式是十进制整数,十进制整数可以像下面这样直接在代码中输入:

var intNum = 55 // 整数

除了以十进制表示外,整数还可以通过八进制(以8为基数)或十六进制(以16为基数)的字面值 来表示。其中,八进制字面值的第一位必须是零0,然后是八进制数字序列0~7)。如果字面值中的 数值超出了范围,那么前导零将被忽略,后面的数值将被当作十进制数值解析。请看下面的例子:

var octalNuml = 070; // 八进制的 56
var octalNum2 = 079; //无效的八进制数值——解析为79
var octalNum3 = 08; //无效的八进制数值——解析为8

八进制字面量在严格模式下是无效的,会导致支持的JavaScript引擎抛出错误。

十六进制字面值的前两位必须是Ox,后跟任何十六进制数字0~9X-F其中,字母A-F 可以大写,也可以小写。如下面的例子所示:

var hexNuml = OxA; // 十六进制的 10
var hexNum2 = Oxlf; // 十六进制的 31

在进行算术计算时,所有以八进制和十六进制表示的数值最终都将被转换成十进制数值。

鉴于JavaScript中保存数值的方式,可以保存正零(+0)和负零(-0)。正零和 负零被认为相等,但为了读者更好地理解上下文,这里特别做此说明。

4.5.1.浮点数值

所谓浮点数值,就是该数值中必须包含一个小数点,并且小数点后面必须至少有一位数字。虽然小数点前面可以没有整数,但我们不推荐这种写法。以下是浮点数值的几个例子:

var floatNuml = 1.1;

var floatNum2 = 0.1

var floatNum3 = .1; // 有效,但不推荐

由于保存浮点数值需要的内存空间是保存整数值的两倍,因此ECMAScript会不失时机地将浮点数值 转换为整数值。显然,如果小数点后面没有跟任何数字,那么这个数值就可以作为整数值来保存。同样地,如果浮点数值本身表示的就是一个整数(如1.0,那么该值也会被转换为整数,如下面的例子所示:

var floatNuml = 1.; //小教点后而没有数 衅析为1

var floatNum2 = 10.0; // 整数-析为 10

对于那些极大或极小的数值,可以用e表示法(即科学计数法)表示的浮点数值表示。用e表示法 表示的数值等于e前面的数值乘以10的指数次ECMAScripte表示法的格式也是如此,即前面是 一个数值(可以是整数也可以是浮点数),中间是一个大写或小写的字母E,后面是10中的指数, 值将用来与前面的数相乘。下面是一个使用e表示法表示数值的例子;

var floatNum = 3.125e7; // 等于 31250000

在这个例子中,使用e表示法表示的变量floatNum的形式虽然简洁,但它的实际值则是31250000 在此,e表示法的实际含义就是“3.125乘以10'”

也可以使用e表示法表示极小的数值,如0.00000000000000003,这个数值可以使用更简洁的3e-l7 表示。在默认情况下,ECMASctipt会将那些小数点后面带有6个零以上的浮点数值转换为以e表示法 表示的数值(例如,0.0000003会被转换成3e-7 )。

浮点数值的最高精度是17位小数,但在进行算术计算时其精确度远远不如整数。例如,0.10.2 的结果不是0.3,而是0.30000000000000004。这个小小的舍入误差会导致无法测试特定的浮点数值。

4.5.2.数值范围

由于内存的限制,ECMAScript 并不能保存世界上所有的数值。ECMAScript 能够表示的最小数值保存在 Number.MIN_VALUE 中——在大多数浏览器中,这个值是 5e-324;能够表示的最大数值保存在Number.MAX_VALUE 中——在大多数浏览器中,这个值是 1.7976931348623157e+308。如果某次计算的结果得到了一个超出 JavaScript 数值范围的值,那么这个数值将被自动转换成特殊的 Infinity 值。具

体来说,如果这个数值是负数,则会被转换成-Infinity(负无穷),如果这个数值是正数,则会被转换成 Infinity(正无穷)。如上所述,如果某次计算返回了正或负的 Infinity 值,那么该值将无法继续参与下一次的计算,因为 Infinity 不是能够参与计算的数值。要想确定一个数值是不是有穷的(换句话说,是不是位于最小和最大的数值之间),可以使用 isFinite()函数。这个函数在参数位于最小与最大数值之间时会返
回 true,如下面的例子所示:

var result = Number.MAX_VALUE + Number.MAX_VALUE; 
alert(isFinite(result)); //false


尽管在计算中很少出现某些值超出表示范围的情况,但在执行极小或极大数值的计算时,检测监控这些值是可能的,也是必需的。访问 Number.NEGATIVE_INFINITY 和 Number.POSITIVE_INFINITY 也可以
得到负和正 Infinity 的值。可以想见,这两个属性中分别保存着-Infinity 和Infinity。

4.5.3.NaN
NaN,即非数值(Not a Number)是一个特殊的数值,这个数值用于表示一个本来要返回数值的操作数未返回数值的情况(这样就不会抛出错误了)。例如,在其他编程语言中,任何数值除以 0都会导致错误,
从而停止代码执行。但在 ECMAScript中,任何数值除以 0会返回 NaN(但实际上只有 0 除以 0 才会返回 NaN,正数除以 0 返回 Infinity,负数除以 0 返回-Infinity。),因此不会影响其他代码的执行。NaN 本身有两个非同寻常的特点。首先,任何涉及 NaN 的操作(例如 NaN/10)都会返回 NaN,这个特点在多步计算中有可能导致问题。其次,NaN 与任何值都不相等,包括 NaN 本身。例如,下面的代
码会返回 false:

alert(NaN == NaN); //false


针对 NaN 的这两个特点,ECMAScript 定义了 isNaN()函数。这个函数接受一个参数,该参数可以是任何类型,而函数会帮我们确定这个参数是否“不是数值”。isNaN()在接收到一个值之后,会尝试将这个值转换为数值。某些不是数值的值会直接转换为数值,例如字符串"10"或 Boolean 值。而任何不能被转换为数值的值都会导致这个函数返回 true

但 isNaN()确实也适用于对象。在基于对象调用 isNaN()函数时,会首先调用对象的 valueOf()方法,然后确定该方法返回的值是否可以转换为数值。如果不能,则基于这个返回值再调用 toString()方法,再测试返回值。而这个过程也是 ECMAScript 中内置函数和操作符的一般执行流程。

4.5.4.数值转换
有 3 个函数可以把非数值转换为数值:Number()、parseInt()和 parseFloat()。第一个函数,即转型函数 Number()可以用于任何数据类型,而另两个函数则专门用于把字符串转换成数值。这 3 个函数对于同样的输入会有返回不同的结果。Number()函数的转换规则如下。
 如果是 Boolean 值,true 和 false 将分别被转换为 1 和 0。
 如果是数字值,只是简单的传入和返回。
 如果是 null 值,返回 0。
 如果是 undefined,返回 NaN。
 如果是字符串,遵循下列规则:
 如果字符串中只包含数字(包括前面带正号或负号的情况),则将其转换为十进制数值,即"1"会变成 1,"123"会变成 123,而"011"会变成 11(注意:前导的零被忽略了);
 如果字符串中包含有效的浮点格式,如"1.1",则将其转换为对应的浮点数值(同样,也会忽略前导零);
 如果字符串中包含有效的十六进制格式,例如"0xf",则将其转换为相同大小的十进制整数值;
 如果字符串是空的(不包含任何字符),则将其转换为 0;
 如果字符串中包含除上述格式之外的字符,则将其转换为 NaN。
 如果是对象,则调用对象的 valueOf()方法,然后依照前面的规则转换返回的值。如果转换的结果是 NaN,则调用对象的 toString()方法,然后再次依照前面的规则转换返回的字符串值。

由于 Number()函数在转换字符串时比较复杂而且不够合理,因此在处理整数的时候更常用的是parseInt()函数。parseInt()函数在转换字符串时,更多的是看其是否符合数值模式。它会忽略字符串前面的空格,直至找到第一个非空格字符。如果第一个字符不是数字字符或者负号,parseInt()就会返回 NaN;也就是说,用 parseInt()转换空字符串会返回 NaN(Number()对空字符返回 0)。如果第一个字符是数字字符,parseInt()会继续解析第二个字符,直到解析完所有后续字符或者遇到了一个非数字字符。例如,"1234blue"会被转换为 1234,因为"blue"会被完全忽略。类似地,"22.5"会被转换为 22,因为小数点并不是有效的数字字符。如果字符串中的第一个字符是数字字符,parseInt()也能够识别出各种整数格式(即前面讨论的十进制、八进制和十六进制数)。也就是说,如果字符串以"0x"开头且后跟数字字符,就会将其当作一个十六进制整数;如果字符串以"0"开头且后跟数字字符,则会将其当作一个八进制数来解析.

在使用 parseInt()解析像八进制字面量的字符串时,ECMAScript 3 和 5 存在分歧。例如:

//ECMAScript 3 认为是 56(八进制),ECMAScript 5 认为是 70(十进制)
var num = parseInt("070");


在 ECMAScript 3 JavaScript 引擎中,"070"被当成八进制字面量,因此转换后的值是十进制的 56。而在 ECMAScript 5 JavaScript 引擎中,parseInt()已经不具有解析八进制值的能力,因此前导的零会被认为无效,从而将这个值当成"70",结果就得到十进制的 70。在 ECMAScript 5 中,即使是在非严格模式下也会如此。
为了消除在使用 parseInt()函数时可能导致的上述困惑,可以为这个函数提供第二个参数:转换时使用的基数(即多少进制)。如果知道要解析的值是十六进制格式的字符串,那么指定基数 16 作为第二个参数,可以保证得到正确的结果,例如:

var num = parseInt("0xAF", 16); //175 
实际上,如果指定了 16 作为第二个参数,字符串可以不带前面的"0x",如下所示:
var num1 = parseInt("AF", 16); //175 
var num2 = parseInt("AF"); //NaN

这个例子中的第一个转换成功了,而第二个则失败了。差别在于第一个转换传入了基数,明确告诉parseInt()要解析一个十六进制格式的字符串;而第二个转换发现第一个字符不是数字字符,因此就自动终止了。

不指定基数意味着让 parseInt()决定如何解析输入的字符串,因此为了避免错误的解析,我们建议无论在什么情况下都明确指定基数。多数情况下,我们要解析的都是十进制数值,因此始终将 10 作为第二个参数是非常必要的。
与 parseInt()函数类似,parseFloat()也是从第一个字符(位置 0)开始解析每个字符。而且也是一直解析到字符串末尾,或者解析到遇见一个无效的浮点数字字符为止。也就是说,字符串中的第一个小数点是有效的,而第二个小数点就是无效的了,因此它后面的字符串将被忽略。举例来说,"22.34.5"将会被转换为 22.34。
除了第一个小数点有效之外,parseFloat()与 parseInt()的第二个区别在于它始终都会忽略前导的零。parseFloat()可以识别前面讨论过的所有浮点数值格式,也包括十进制整数格式。但十六进制格式的字符串则始终会被转换成 0。由于 parseFloat()只解析十进制值,因此它没有用第二个参数指定基数的用法。最后还要注意一点:如果字符串包含的是一个可解析为整数的数(没有小数点,或者小数点后都是零),parseFloat()会返回整数。

4.6.String类型
String 类型用于表示由零或多个 16 位 Unicode 字符组成的字符序列,即字符串。字符串可以由双引号(")或单引号(')表示,因此下面两种字符串的写法都是有效的:

var firstName = "Nicholas"; 
var lastName = 'Zakas';


与 php 中的双引号和单引号会影响对字符串的解释方式不同,ECMAScript 中的这两种语法形式没有什么区别。用双引号表示的字符串和用单引号表示的字符串完全相同。不过,以双引号开头的字符串必须以双引号结尾,以单引号开头也要以单引号结束,不然会导致语法错误

4.6.1.字符字面量
String 数据类型包含一些特殊的字符字面量,也叫转义序列,用于表示非打印字符,或者具有其他用途的字符。这些字符字面量如下表所示:

字 面 量 含 义
\n换行
\t制表
\b 空格
\r 回车
\f 进纸
\\ 斜杠
\' 单引号('),在用单引号表示的字符串中使用。例如:'He said, \'hey.\''
\"双引号("),在用双引号表示的字符串中使用。例如:"He said, \"hey.\""
\xnn以十六进制代码nn表示的一个字符(其中n为0~F)。例如,\x41表示"A"
\unnnn以十六进制代码nnnn表示的一个Unicode字符(其中n为0~F)。例如,\u03a3表示希腊字符Σ

这些字符字面量可以出现在字符串中的任意位置,而且也将被作为一个字符来解析,如下面的例子
所示:

var text = "This is the letter sigma: \u03a3.";


这个例子中的变量 text 有 28 个字符,其中 6 个字符长的转义序列表示 1 个字符。任何字符串的长度都可以通过访问其 length 属性取得,例如:

alert(text.length); // 输出 28


这个属性返回的字符数包括 16 位字符的数目。如果字符串中包含双字节字符,那么 length 属性
可能不会精确地返回字符串中的字符数目。
4.6.2. 字符串的特点
ECMAScript 中的字符串是不可变的,也就是说,字符串一旦创建,它们的值就不能改变。要改变某个变量保存的字符串,首先要销毁原来的字符串,然后再用另一个包含新值的字符串填充该变量,
例如:

var lang = "Java"; 
lang = lang + "Script";


以上示例中的变量 lang 开始时包含字符串"Java"。而第二行代码把 lang 的值重新定义为"Java"与"Script"的组合,即"JavaScript"。实现这个操作的过程如下:首先创建一个能容纳 10 个字符的
新字符串,然后在这个字符串中填充"Java"和"Script",最后一步是销毁原来的字符串"Java"和字符串"Script",因为这两个字符串已经没用了。

4.6.3. 转换为字符串
要把一个值转换为一个字符串有两种方式。第一种是使用几乎每个值都有的 toString()方法(第5 章将讨论这个方法的特点)。这个方法唯一要做的就是返回相应值的字符串表现。来看下面的例子:

var age = 11; 
var ageAsString = age.toString(); // 字符串"11" 
var found = true; 
var foundAsString = found.toString(); // 字符串"true"


数值、布尔值、对象和字符串值(没错,每个字符串也都有一个 toString()方法,该方法返回字符串的一个副本)都有 toString()方法。但 null 和 undefined 值没有这个方法。
多数情况下,调用 toString()方法不必传递参数。但是,在调用数值的 toString()方法时,可以传递一个参数:输出数值的基数。默认情况下,toString()方法以十进制格式返回数值的字符串表
示。而通过传递基数,toString()可以输出以二进制、八进制、十六进制,乃至其他任意有效进制格式表示的字符串值。下面给出几个例子:

var num = 10; 
alert(num.toString()); // "10" 
alert(num.toString(2)); // "1010" 
alert(num.toString(8)); // "12" 
alert(num.toString(10)); // "10" 
alert(num.toString(16)); // "a"


通过这个例子可以看出,通过指定基数,toString()方法会改变输出的值。而数值 10 根据基数的不同,可以在输出时被转换为不同的数值格式。注意,默认的(没有参数的)输出值与指定基数 10 时的输出值相同。
在不知道要转换的值是不是 null 或 undefined 的情况下,还可以使用转型函数 String(),这个函数能够将任何类型的值转换为字符串。String()函数遵循下列转换规则:
 如果值有 toString()方法,则调用该方法(没有参数)并返回相应的结果;
 如果值是 null,则返回"null";
 如果值是 undefined,则返回"undefined"。

要把某个值转换为字符串,还可以使用加号操作符把它与一个字符串("")加在一起

4.7.Object类型
ECMAScript 中的对象其实就是一组数据和功能的集合。对象可以通过执行 new 操作符后跟要创建的对象类型的名称来创建。而创建 Object 类型的实例并为其添加属性和(或)方法,就可以创建自定
义对象,如下所示:

var o = new Object();


这个语法与 Java 中创建对象的语法相似;但在 ECMAScript 中,如果不给构造函数传递参数,则可以省略后面的那一对圆括号。也就是说,在像前面这个示例一样不传递参数的情况下,完全可以省略那对圆括号(但这不是推荐的做法):

var o = new Object; // 有效,但不推荐省略圆括号


仅仅创建 Object 的实例并没有什么用处,但关键是要理解一个重要的思想:即在 ECMAScript 中,(就像 Java 中的 java.lang.Object 对象一样)Object 类型是所有它的实例的基础。换句话说,
Object 类型所具有的任何属性和方法也同样存在于更具体的对象中。Object 的每个实例都具有下列属性和方法。
 constructor:保存着用于创建当前对象的函数。对于前面的例子而言,构造函数(constructor)就是 Object()。


function employee(name,job,born){
this.name=name;
this.job=job;
this.born=born;
}
var bill=new employee("Bill Gates","Engineer",1985);
document.write(bill.constructor);
//function employee(name,job,born) { this.name=name; this.job=job; this.born=born; }

 hasOwnProperty(propertyName):用于检查给定的属性在当前对象实例中(而不是在实例的原型中)是否存在。其中,作为参数的属性名(propertyName)必须以字符串形式指定(例如:o.hasOwnProperty("name"))。
 isPrototypeOf(object):用于检查传入的对象是否是传入对象的原型(第 5 章将讨论原型)。
 propertyIsEnumerable(propertyName):用于检查给定的属性是否能够使用 for-in 语句(本章后面将会讨论)来枚举。与 hasOwnProperty()方法一样,作为参数的属性名必须以字符串形式指定。
 toLocaleString():返回对象的字符串表示,该字符串与执行环境的地区对应。
 toString():返回对象的字符串表示。
 valueOf():返回对象的字符串、数值或布尔值表示。通常与 toString()方法的返回值相同。


由于在 ECMAScript 中 Object 是所有对象的基础,因此所有对象都具有这些基本的属性和方法。第 5 章和第 6 章将详细介绍 Object 与其他对象的关系。

从技术角度讲,ECMA-262 中对象的行为不一定适用于 JavaScript 中的其他对象。浏览器环境中的对象,比如 BOM 和 DOM 中的对象,都属于宿主对象,因为它们是由宿主实现提供和定义的。ECMA-262 不负责定义宿主对象,因此宿主对象可能会也可能不会继承 Object。


标签: javascript
分享给朋友:

相关文章

Javascript高级程序设计

Javascript高级程序设计

这个栏目就写我看javascript高级程序设计的总结吧目录url是http://bin012.com/jsbooks/ 本目录下所有js代码也不是一定正确,如果有童鞋发现错误的欢迎邮箱或者评论联系我...

5、第五章--引用类型(Object类型、Array类型)

5、第五章--引用类型(Object类型、Array类型)

引用类型的值(对象)是引用类型的一个实例。在 ECMAScript 中,引用类型是一种数据结构,用于将数据和功能组织在一起。它也常被称为类,但这种称呼并不妥当。尽管 ECMAScript从技术上讲是一...

9、第六章--面向对象的程序设计(理解对象、创建对象)(1)

9、第六章--面向对象的程序设计(理解对象、创建对象)(1)

面向对象(Object-Oriented,OO)的语言有一个标志,那就是它们都有类的概念,而通过类可以创建任意多个具有相同属性和方法的对象。前面提到过,ECMAScript 中没有类的概念,因此它的对...

6、第五章--引用类型(Date类型、RegExp类型)

6、第五章--引用类型(Date类型、RegExp类型)

5.3 Date 类型ECMAScript 中的 Date 类型是在早期 Java 中的 java.util.Date&...

2、第三章--JavaScript基本概念(操作符)

2、第三章--JavaScript基本概念(操作符)

5. 操作符ECMA-262 描述了一组用于操作数据值的操作符,包括算术操作符(如加号和减号)、位操作符、关系操作符和相等操作符。ECMAScript 操作符的与众不同之处在于,它...

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

分享:

支付宝

微信