关于javascript:Java-Script

78次阅读

共计 4545 个字符,预计需要花费 12 分钟才能阅读完成。

第一章

  • java script 是一种专门为网页交互而设计的脚本语言
  • ECMAScript 提供外围语言性能
  • 文档对象模型 DOM 提供拜访和操作网页内容的办法和接口
  • 浏览器对象模型,提供与浏览器交互的办法和接口

第二章

2.1 <script>

向 HTML 页面插入 JavaScript 的次要办法就是是用 <script> 元素

- async
- charset
- defer
- language
- src
- type:示意编写代码应用的脚本语言的内容类型(也称为 MIME 类型)
  • 间接在页面中嵌入 JavaScript
  • 蕴含内部 JavaScript

在解释器对 <script> 元素外部的所有代码求值结束以前,页面中的其余内容都不会被浏览器加载或显示

带有 src 属性的 <script> 元素不应该在其 <script> 和 </script> 标签之间再 蕴含额定的 JavaScript 代码。如果蕴含了嵌入的代码,则只会下载并执行内部脚本文件,嵌入的代码 会被疏忽。

通过 <script> 元素的 src 属性还能够蕴含来自内部域的 JavaScript 文件。这一点既让 <script> 元素倍显弱小,又让它备受争议。在这一点上,<script> 与 <img> 元素十分类似,即它的 src 属性能够是指向以后 HTML 页面所在域之外的某个域中的残缺 URL,例如:

<script type="text/javascript" src="http://www.somewhere.com/afile.js"></script>

2.1.1 标签的地位

所有 <script> 元素都应该放在页面的 <head> 元素中

在文档的 <head> 元素中蕴含所有 JavaScript 文件,意味着必须等到全副 JavaScript 代码都被下载、解析和执行实现当前,能力开始出现页面的内容(浏览器在遇到 <body> 标签时才开始出现内容)。

2.1.2 提早脚本

  • defer

这个属性的用处是表明脚本在执行时不会影响页 面的结构。也就是说,脚本会被提早到整个页面都解析结束后再运行。

defer 属性只实用于内部脚本文件

2.1.3 异步脚本

  • async

标记为 async 的脚本并不保障依照指定它们的先后顺序执行

2.1.4 在 XHTML 中的用法

可扩大超文本标记语言,即 XHTML(Extensible HyperText Markup Language),是将 HTML 作为 XML 的利用而从新定义的一个规范。编写 XHTML 代码的规定要比编写 HTML 严格得多,而且间接影 响是否在嵌入 JavaScript 代码时应用 <script/> 标签。

防止在 XHTML 中呈现语法错误

  • 一是用相应的 HTML 实体 (<) 替换代码中所有的小于号(<),替换后的代码相似如下所示
  • 保障让雷同代码在 XHTML 中失常运行的第二个办法,就是用一个 CData 片段来蕴含 JavaScript 代 码。

第三章 基本概念

3.1 辨别大小写

3.1.4 严格模式

“use strict”
严格模式是为 JavaScript 定义了一种不同的 解析与执行模型。在严格模式下,ECMAScript 3 中的一些不确定的行为将失去解决,而且对某些不平安 的操作也会抛出谬误。

3.1.5 语句

ECMAScript 中的语句以一个分号结尾;

3.2 关键字和保留字

break
case
catch
continue
debugger*
default
delete
do           instanceof
else         new
finally      return
for          switch
function     this
if           throw
in           try
typeof
var
void
while
with

3.3 变量

ECMAScript 的变量是涣散类型的,所谓涣散类型就是能够用来保留任何类型的数据。换句话说,每个变量仅仅是一个用于保留值的占位符而已。定义变量时要应用 var 操作符(留神 var 是一个要害 字),后跟变量名(即一个标识符),如下所示:

var message;

有一点必须留神,即用 var 操作符定义的变量将成为定义该变量的作用域中的局部变量。也就是说,如果在函数中应用 var 定义一个变量,那么这个变量在函数退出后就会被销毁

 尽管省略 var 操作符能够定义全局变量,但这也不是咱们举荐的做法。因为在局 部作用域中定义的全局变量很难保护,而且如果无意地疏忽了 var 操作符,也会因为 相应变量不会马上就有定义而导致不必要的凌乱。给未经申明的变量赋值在严格模式 下会导致抛出 ReferenceError 谬误。

3.4 数据类型

  • undefined
  • null
  • boolean
  • number
  • string
  • object

3.4.1 typeof 操作符

3.4.2 undefines 类型

在应用 var 申明变量但未对其加以初始化时,这个变量的值就是 undefined

3.4.3 null 类型

如果定义的变量筹备在未来用于保留对象,那么最好将该变量初始化为 null 而不是其余值

实际上,undefined 值是派生自 null 值的,因而 ECMA-262 规定对它们的相等性测试要返回 true:
     alert(null == undefined);    //true

3.4.3 Boolean

3.4.5 Number

用 e 表示法 示意的数值等于 e 后面的数值乘以 10 的指数次幂。ECMAScript 中 e 表示法的格局也是如此,即后面是 一个数值(能够是整数也能够是浮点数),两头是一个大写或小写的字母 E,前面是 10 的幂中的指数,该幂值将用来与后面的数相乘。上面是一个应用 e 表示法示意数值的例子:

var floatNum = 3.125e7; // 等于 31250000

ECMAScript 可能示意的最小数值保 存在 Number.MIN_VALUE 中——在大多数浏览器中,这个值是 5e-324; 可能示意的最大数值保留在 Number.MAX_VALUE 中

任何波及 NaN 的操作 (例如 NaN/10) 都会返回 NaN,这 个特点在多步计算中有可能导致问题。其次,NaN 与任何值都不相等,包含 NaN 自身。

为了打消在应用 parseInt()函数时可能导致的上述困惑,能够为这个函数提供第二个参数: 转换 时应用的基数(即多少进制)。
- parseInt
- parseFloat

3.4.6 String 类型

String 类型用于示意由零或多个 16 位 Unicode 字符组成的字符序列,即字符串

3.4.7 Object 类型

ECMAScript 中的对象其实就是一组数据和性能的汇合。对象能够通过执行 new 操作符后跟要创立 的对象类型的名称来创立。而创立 Object 类型的实例并为其增加属性和 (或) 办法,就能够创立自定 义对象,如下所示:

  • constructor:保留着用于创立以后对象的函数
  • hasOwnProperty(propertyName): 用于查看给定的属性在以后对象实例中是否存在
  • isPrototypeOf(Object) 用于查看传图对象是否是以后对象的原型
  • propertyIsEnumerable(propertyName)用于查看给定的属性是否可能 for-in

因为在 ECMAScript 中 Object 是所有对象的根底,因而所有对象都具备这些根本的属性和办法。

3.5 操作符

相等 不相等 ——先转换再比拟, 全等 不全等——仅比拟而不转换。

ECMAScript 中的相等操作符由两个等于号 (==) 示意。

除了在比拟之前不转换操作数之外,全等和不全等操作符与相等和不相等操作符没有什么区别。

3.6 语句

3.6.5 for-in 语句

for(property in expression)statement

for(var propertyName in window){document.write(propertyName);
}

ECMAScript 对象的属性没有程序。因而,通过 for-in 循环输入的属性名的程序是不可预测的

3.6.6 label 语句

应用 label 语句能够在代码中增加标签,以便未来应用。以下是 label 语句的语法

3.6.8 with

with 语句的作用是将代码的作用域设置到一个特定的对象中。with 语句的语法如下

with (expression) statement;
var qs = location.search.substring(1);
var hostName = location.hostname;
var url = location.href;

with(location){var qs = search.substring(1);
    var hostName = hostname;
    var url = href;
}

在这个重写后的例子中,应用 with 语句关联了 location 对象。这意味着在 with 语句的代码块 外部,每个变量首先被认为是一个局部变量,而如果在部分环境中找不到该变量的定义,就会查问 location 对象中是否有同名的属性。如果发现了同名属性,则以 location 对象属性的值作为变量的值。

3.7 函数

ECMAScript 中的函数应用 function 关键字来申明,后跟一组参数以及函数体。

3.7.1 了解参数

ECMAScript 函数的参数与大多数其余语言中函数的参数有所不同。ECMAScript 函数不介意传递进 来多少个参数,也不在乎传进来参数是什么数据类型。也就是说,即使你定义的函数只接管两个参数,在调用这个函数时也未必肯定要传递两个参数。

起因是 ECMAScript 中的参数在外部是用一个数组来示意的。函数接管 到的始终都是这个数组,而不关怀数组中蕴含哪些参数(如果有参数的话)。如果这个数组中不蕴含任 何元素,无所谓; 如果蕴含多个元素,也没有问题。实际上,在函数体内能够通过 arguments 对象来 拜访这个参数数组,从而获取传递给函数的每一个参数

arguments 对象只是与数组相似(它并不是 Array 的实例),因为能够应用方括号语法访 问它的每一个元素(即第一个元素是 arguments[0],第二个元素是 arguments[1],以此类推)
命名的参数只提供便当,但不是必须的。另 外,在命名参数方面,其余语言可能须要当时创立一个函数签名,而未来的调用必须与该签名统一。但 在 ECMAScript 中,没有这些条条框框,解析器不会验证命名参数。

通过拜访 arguments 对象的 length 属性能够获知有多少个参数传递给了函数。

明明参数只是为了提供便当

对于 arguments 的行为,还有一点比拟有意思。那就是它的值永远与对应命名参数的值放弃同步

function doAdd(num1, num2) {arguments[1] = 10;
    alert(arguments[0] + num2);
}

每次执行,会讲第二个参数批改为 10,因为 arguments 对象中的值会主动反映到对应的命名参数,所以批改 arguments[1],也就批改了 num2

他并不是说读取这两个值会拜访雷同的内存空间,他们的内存空间是独立的,然而他们的值会同步

没有传递值的命名参数将主动被赋予 undefined 值

ECMAScript 中的所有参数传递的都是值,不可能通过援用传递参数

3.7.2 没有重载

ECMAScript 函数不能像传统意义上那样实现重载。而在其余语言 (如 Java) 中,能够为一个函数 编写两个定义,只有这两个定义的签名 (承受的参数的类型和数量) 不同即可。

如果在 ECMAScript 中定义了两个名字雷同的函数,则该名字只属于后定义的函数。

正文完
 0