美文网首页用文字记录生活Web前端之路程序员
《JavaScript高级程序设计》总结

《JavaScript高级程序设计》总结

作者: Canace22 | 来源:发表于2017-03-07 16:21 被阅读78次
    一、JavaScript简介

    JavaScript是一种专门为与网页交互而设计的脚本语言,由下列三个不同的部分组成:

    • ECMAScript,由ECMA-262定义,提供核心语言功能;
    • 文档对象模型(DOM),提供访问和操作网页内容的方法和接口;
    • 浏览器对象模型(BOM),提供与浏览器交互的方法和接口;

    JavaScript的这三个组成部分,在当前五个主要浏览器(IE、Firefox、Chrome、Safari和Opera)中都得到了不同程度的支持。其中,所有浏览器对ECMAScript第3版的支持大体上都还不错,而对ECMAScript5的支持程度越来越高,但对DOM的支持则彼此相差比较多。对HTML5已经正式纳入标准的BOM来说,尽管各浏览器都实现了某些 众所周知的共同特性,但其他特性还是会因浏览器而异。

    二、在HTML中使用JavaScript

    把JavaScript插入到HTML页面中要使用<script>元素。使用这个元素可以把JavaScript嵌入到HTML页面中,让脚本与标记混合在一起;也可以包含外部的JavaScript文件。而我们需要注意的地方有:

    • 在包含外部JavaScript文件时,必须将src属性设置为指向相应文件的URL。而这个文件既可以是与包含它的页面位于同一个服务器上的文件,也可以是其他任何域中的文件;
    • 所有<script>元素都会按照它们在页面中出现的先后顺序依次被解析。在不使用defer和asyc属性的情况下,只有解析完前面<script>元素中的代码之后,才会开始解析后面<script>元素中的代码;
    • 由于浏览器会先解析完不使用defer属性的<script>元素中的代码,然后再解析后面的内容,所以一般应该把<script>元素放在页面最后,即主要内容后面,<body>标签前面;
    • 使用defer属性可以让脚本在文档完全呈现之后再执行。延迟脚本总是按照指定它们的顺序执行;
    • 使用async属性可以表示当前脚本不必等待其他脚本,也不必阻塞文档呈现。不能保证异步脚本按照它们在页面中出现的顺序执行;
    • 此外,使用<noscript>元素可以指定在不支持脚本的浏览器中显示的替代内容。但在启用了脚本的情况下,浏览器不会显示<noscript>元素中的任何内容;
    三、基本概念

    JavaScript的核心语言特性在 ECMA-262中是以名为ECMAScript的伪语言的形式来定义的。ECMAScript中包含了所有基本的语法、操作符 、数据类型以及完成基本的计算任务所必需的对象。以下简要概括了ECMAScript中基本的要素:

    • 基本数据类型:Undefined、Null、Boolean、Number和String;
    • Number类型可用于表示所有数值;
    • Object类型是JavaScript中所有对象的基础类型;
    • 严格模式为JavaScript中容易出错的地方施加了限制;
    • 基本操作符包括算数操作符、布尔操作符、关系操作符、相等操作符 及赋值操作符等;
    • 流控制语句包括if语句、for语句和switch语句等;
    • 无须指定函数的返回值;
    • 未指定返回值的函数返回的是一个特殊的undefined值;
    • 函数参数以数组的形式传递;
    • 可以向函数传递任意数量的参数,并且可以通过arguments对象来访问这些参数;
    • 函数不能重载;
    四、变量、作用域和内存问题

    JavaScript变量可以用来保存两种类型的值:基本类型值和引用类型值。基本类型值得值源自以下5中基本数据类型 :Undefined、Null、Boolean、Number和String。基本类型值和引用类型值具有以下特点:

    • 基本类型值在内存中占据固定大小的空间,因此保存在栈内存中;
    • 从一个变量向另一个变量复制基本类型的值,会创建这个值的一个副本;
    • 引用类型的值是对象,保存在队中;
    • 包含引用类型值得变量实际上包含的并不是对象本身,而是一个指向对象的指针;
      从一个变量向另一个变量复制引用类型值,复制的其实是指针,因此两个变量最终都指向同一个对象;
    • 确定一个值是那种基本类型可以使用typeof操作符,而确定一个值是哪种引用类型可以使用instanceof操作符;

    所有变量(包括基本类型和引用类型)都存在于一个执行环境(也称作用域)当中,这个执行环境决定了变量的生命周期,以及那一部分代码可以访问其中的变量。以下是关于执行环境的几点总结:

    • 执行环境有全局执行环境(也称为全局环境)和函数执行环境之分;
    • 每次进入一个新执行环境,都会创建一个用于搜索变量和函数的作用域链;
    • 函数的局部环境不仅有权访问函数作用域中的变量,而且有权访问其包含(父)环境,乃至全局环境;
    • 全局环境只能访问在全局环境中定义的变量和函数,而不能直接访问局部环境中的任何数据;
    • 变量的执行环境有助于确定应该何时释放内存;

    JavaSvript是一门具有自动垃圾收集机制的编程语言,开发人员不必关心内存分配和回收问题。可以对JavaScript的垃圾收集作 如下总结:

    • 离开作用域的值将被自动标记为可以回收,因此将在垃圾收集期间删除;
    • “标记清除”是目前主流的垃圾收集算法,这 中算法的思想是给当前不使用的值加上标记,然后再回收其内存;
    • 另一种垃圾收集算法是“引用计数”,这种算法的思想是跟踪记录所有值被引用的次数。JavaScript引擎目前都不再使用这种算法;但在IE中访问非原生JavaScript对象(如DOM元素)时,这种算法仍然可能会导致问题;
    • 当代码中存在循环引用现象时,“引用计数”算法就会导致问题;
    • 解除变量的引用不仅有助于消除循环引用现象,而且对垃圾收集也有好处。为了确保有效的回收内存,应该及时解除不再使用的全局对象,全局对象属性以及循环引用变量的作用;
    五、引用类型
    六、面向对象的程序设计
    七、函数表达式
    八、BOM
    九、客户端检测
    十、DOM
    十一、DOM扩展
    十二、DOM2和DOM3
    十三、事件
    十四、表单脚本
    十五、使用Canvas绘图
    十六、HTML5脚本编程
    十七、错误处理与调试
    十八、JavaScript与XML
    十九、E4X
    二十、JSON
    二十一、Ajax与Comet
    二十二、高级技巧
    二十三、离线应用与客户端存储
    二十四、最佳实践
    二十五、新兴的API

    相关文章

      网友评论

        本文标题:《JavaScript高级程序设计》总结

        本文链接:https://www.haomeiwen.com/subject/tsymgttx.html