《红宝书》读书笔记

最新推荐文章于 2022-05-22 15:07:28 发布
最新推荐文章于 2022-05-22 15:07:28 发布
阅读量404 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/ohmaysun/article/details/110130778
版权
本文全面介绍了JavaScript，包括其简介，如三大组成部分ECMAScript、DOM、BOM；在HTML中使用的方法，如script元素的属性和使用位置；基本概念，如语法、关键字、变量等。还涉及变量、作用域、引用类型等多方面内容，为学习JavaScript提供了基础。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

《红宝书》读书笔记


JavaScript高级程序设计（第3版）的个人学习读书笔记
边学边更新ing

C1 JavaScript简介

1.1 JavaScript是什么？

JavaScript是一种专门为与网页交互而设计的脚本语言。浏览器环境下的JavaScript的三大组成部分：ECMAScript、DOM、BOM。

1.2 ECMAScript

  • ECMA-262定义的ECMAScript语言与Web浏览器没有依赖关系。ECMAScript这门语言本身不包含输入与输出的定义。
  • ECMA-262只是定义了这门语言的基础，它规定了这门语言的以下组成部分：语法、类型、语句、关键字、保留字、操作符、对象。
  • ECMAScript就是对实现该标准的各个方面内容的语言的描述。JavaScript只是实现了ECMAScript的其中一种语言。
  • ECMAScript有不同版本，浏览器对其也有不同的支持情况。
    ECMAScript可以在不同的宿主环境下实现，比如需要注意浏览器环境下与Node.js环境下的区别

1.3 文档对象模型 DOM

  • 文档对象模型DOM是针对XML但经过拓展用于HTML的应用程序编程接口。
  • DOM把整个页面映射为一个多层节点结构，这些节点包含不同类型的数据。开发人员可以通过DOM创建的这个表示文档的树形图从而获得了控制页面内容和结构的主动权，DOM提供的API对开发中轻松增删改任何节点起到极大帮助。

1.4 浏览器对象模型 BOM

  • 开发人员使用BOM控制浏览器显示的页面以外的部分，HTML5中对BOM功能写入了正式规范。
  • 从根本上讲，BOM只处理浏览器窗口和框架，但习惯上把所有针对浏览器的JavaScript扩展算作BOM的一部分。
  • 没有BOM标准可以遵循，因此每个浏览器都有自己的实现。

C2 在HTML中使用JavaScript

2.1 script元素

使用<script>元素是向HTML页面中插入JavaScript的主要方法。

2.1.1 <script>的6个属性
  • async, charset, defer, language, src, type
  • defer和async属性只适用于外部脚本文件。
2.1.2 defer属性
  • 在<script>元素中设置defer属性，相当于告诉浏览器立刻下载，但延迟执行。
  • 使用defer属性可以让脚本在文档完全呈现之后再执行，这个属性的用途是表明脚本在执行时不会影响页面的构造。
  • HTML5规范要求脚本按照延迟脚本出现的先后顺序执行，并且会先于DOMContentLoaded事件。但在现实情况下，延迟脚本并不一定会按照顺序执行，也不一定会在DOMContentLoaded事件触发前执行，因此最好只包含一个延迟脚本。
2.1.3 async属性
  • 在<script>元素中设置async属性，相当于告诉浏览器立刻下载，并不能保证被标记为async的脚本的执行顺序。
  • 异步脚本一定会在页面的load事件前执行，但可能会在DOMContentLoaded事件触发之前或之后执行。
  • 使用async属性可以表示当前脚本不必等待其他脚本，也不必阻塞文档呈现。不能保证异步脚本按照它们在页面中出现的顺序执行。建议异步脚本不要在加载期间修改DOM。
2.1.4 <script>的位置

一般会把全部JavaScript引用放在<body>元素中页面的内容后面。

2.1.5 <script>中包含代码的加载顺序

只要不存在defer和async属性，浏览器都会按照<script>元素在页面中出现的先后顺序对它们依次进行解析。

2.2 嵌入代码与外部文件

在HTML中嵌入JavaScript代码和使用外部文件来包含JavaScript代码。使用外部文件是更推荐的做法，优点如下：可维护性、可缓存性、适应未来。

2.3 文档模式

文档模式的概念通过使用文档类型(doctype)切换来实现：混杂模式(quirks mode)和标准模式(standards mode)。混杂模式会让IE的行为与IE5相同，标准模式则让IE的行为更接近标准行为。

2.4 <noscript>元素

为了解决早期浏览器不支持JavaScript时的问题，让页面平稳退化。在不支持JavaScript的浏览器中显示<noscript>标签中的内容。

C3 基本概念

3.1 语法

  • ECMAScript的语法大量借鉴C及其他类C语言（如Java和Perl）。
  • 区分大小写
  • 标识符
    可以按照下列规则组合起来的一个或多个字符：第一个字符必须是一个字母、下划线或一个美元符号，其他字符可以是字母、下划线、美元符号或数字。其中字母可以使用一些扩展的字母字符，但不推荐。
    不能把关键字、保留字、true、false和null 用作标识符
  • 注释
    单行注释 //
    块级注释 /* */
  • 严格模式
    严格模式是为JavaScript定义的一种不同的解析与执行模型。在严格模式下，ECMAScript 3中一切不确定的行为将得到处理，而且对某些不安全的操作也会抛出错误。
    在整个脚本中启用严格模式，可以在脚本顶部添加 ”use stricrt“；来启用。
  • 语句
    语句结尾分号的使用，语句结尾的分号不是必需的。本文建议不要省略。
    我在实践中，常省略分号。各有其意义，其实保证统一即可。
    多条语句的组合，可以使用左花括号 { 开头，右花括号 } 结尾。

3.2 关键字和保留字

  • ECMAScript的全部关键字（关键字不能用做标识符）
    break, do, instanceof, typeof, case, else, new, var, catch, finally, return, void, continue, for, switch, while, debugger, function, this, with, default, if, throw, delete, in, try
  • ECMA-262第三版定义的全部保留字（保留字也不能用做标识符，有可能在将来被用作关键字）
    abstract, boolean, byte, char, class, const, debugger, double, enum, export, extends, final, float, goto, implements, import, int, interface, long, native, package, private, protected, public, short, static, super, synchronized, throws, transient, volatile
  • 第5版非严格模式下的保留字缩减为
    class, const, enum, export, extends, import, super
  • 第5版严格模式下，对以下保留字施加了限制
    implements, interface, let, package, privtate, protected, public, static, yield

3.3 变量

  • ECMAScript的变量是松散类型的。每个变量只是一个用于保存值的占位符，可以用来保存任何类型的数据。
  • 定义一个变量：使用 var操作符（var是一个关键字）后跟变量名（即一个标识符）。
    e.g.1 var msg。这段代码定义了一个名为msg的变量，该变量可以用来保存任何值，这类没有经过初始化的变量会保存一个特殊的值undefined。
    e.g.2 var msg=‘hi’。这段代码定义变量的同时设置了变量的值，直接初始化了变量。
  • 定义多个变量：只需要将每个变量（初始化或不初始化均可）用逗号分隔开即可。
  • 虽然不建议修改变量所保存值的类型，但这种操作是有效的。
  • 使用var操作符定义的变量将成为定义该变量的作用域中的局部变量。通过省略var操作符可以使一个变量成为全局变量，但这并不推荐，不利于维护。

C4 变量、作用域和内存问题

ccontent

C5 引用类型

ccontent

C6 面向对象的程序设计

content

C7 函数表达式

content

C8 BOM

content

C9 客户端检测

content

C10 DOM

content

C11 DOM拓展

content

C12 DOM2和DOM3

content

C13 事件

content

C14 表单脚本

content

C15 使用Canvas绘图

content

C16 HTML5脚本编程

content

C17 错误处理与调试

content

C18 JavaScript与XML

content

C19 E4X

content

C20 JSON

content

C21 Ajax与Comet

content

C22 高级技巧

content

C23 离线应用与客户端存储

content

C24 最佳实践

content

C25 新兴的API

content

附录ABCD

我的附录 章节的学习进展

在这里标注是否精读、是否完成该章节的阅读学习

  • 1 略读
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 附录
sangjm
关注
js红宝书学习笔记(1-6章)
WANG944282的博客
02-27 845
最近在看JS红宝书 随手记一些笔记~
JS红宝书读书笔记（一）
m0_51221102的博客
03-16 426
第1章 前言 本人已有JS基础，主要是从B站上学习的相关视频，这篇文章主要记录一些视频不涉及的细节和印象模糊的内容。 第2章 2.1 主要属性： 1.async（可）：立即下载脚本，不妨碍页面。async 2.defer（可）：完全解析后下载脚本。defer=“defer” 3.src（可）：执行外部文件。src="(url)" 4.type（可）：默认为text/javascript。一般使用该值，另一个为application/x-javascript。 嵌入式JavaScript只需指定type属性。
红宝书阅读笔记（持续更新）
Dax1_的博客
08-15 611
今天是2021年8月15日 ，在自学的同时开始阅读前端相关的书籍，愿不断在学习中进步。 这一本是《JavaScript高级程序设计》（第四版），也俗称红宝书，第四版中加入了ES6。 下一本目标是《JavaScript Dom编程艺术》（第二版），已经在边上摆着了。 再下一本？可能是《你不知道的JavaScript》（上卷），也有可能是《图解HTTP》，对面试有点帮助 。 开冲！ 第1章，什么是JavaScript 1995年，JavaScript问世 JS之父：Brendan Eich 完整的Java.
红宝书学习笔记(1)
ccattempt的博客
04-04 186
红宝书第三章笔记 目录1 var、let、const的区别 1 var、let、const的区别 let和const都是ES6引入的，下面是它们和var的区别。 使用var声明的变量只有全局作用域和函数作用域，使用let和const声明的变量存在局部作用域。 在全局作用域中使用var声明的变量会保存在window对象中，使用let和const声明的变量不会。 使用var声明的变量具有变量提升，let和const没有。因此let和const必须先声明后使用（在let和const声明之前使用变量的这个瞬间.
红宝书背诵笔记 — 基础词
萌宅鹿的技术小屋
10-07 3857
红宝书基础词基础词基础词-Unit1基础词-Unit2基础词-Unit3基础词-Unit4基础词-Unit5基础词-Unit6基础词-Unit7基础词-Unit8基础词-Unit9基础词-Unit10基础词-Unit11同义词(中文词源)介词 红宝书必考词 基础词 基础词-Unit1 bloom n.花(开) v.开花;变健康,繁荣,兴盛 blossom n.花; v.开花 bosom n.胸怀,乳房 v.怀抱 adj.知心的,亲密的 blunder v.犯错,踉跄的走 stagger v.
JS红宝书读书笔记 — 8.BOM
qq_40503374的博客
06-04 195
8.BOM 8.1.window对象 表示浏览器对象的一个实例 作用 通过JS访问浏览器窗口的一个接口 ECMAScript规定的Global对象 8.1.1.全局作用域 所有在全局作用域中声明的变量、函数都会变成window对象的属性和方法 定义全局变量与再window对象上直接定义属性的差别 全局变量不能通过delete操作符删除( [] )，而直接在window对象上定义的属性可以删除 尝试访问未声明的变量会抛出错误，但是通过查询window对象，可以知道某个可能未声明的变量
OPENGL编程指南（红宝书阅读笔记）
u012233954的专栏
09-17 1093
1、OpenGL OpenGL图形系统是图形硬件的一个软件接口。GL（Graphics Library，图形库）。它允许创建交互性的程序，来产生移动三维物体的彩色图像。该接口包括了大约250个不同的函数，可以用这些函数指定物体和操作，创建交互性三维应用程序。 使用OpenGL，可以对计算机图形技术进行控制，产生逼真的图像或者虚构出现实世界所没有的图像。 在OpenCL中，必须根据少数几个基本
微信读书笔记-《采购与供应链管理》
kyle1111
01-02 1720
对于微信读书的依赖度越来越大，除了电子屏观感不如kindle墨水屏这个底层缺点外，其余各方面已形成碾压之势。一是社交性，虽然微信读书的理念是极度简洁，让用户专注在读书上（不得不赞叹产品团队的理念，相信他们的愿景，是希望所有人养成读书的习惯）。但由于每周阅读排名，以及历史记录排名的存在，还是会些许倒逼自己，多读书。以往拿起手机，刷几个公众号长文，同样的时间不如花在微信读书上。公众号作为资讯获取渠道是...
芯片验证漫游指南-读书笔记
jerwey的博客
04-06 1314
2 验证的策略 2.1 设计的流程 芯片功能的细分 人员的任务分配 TLM（事务级模型，transaction level Model），用于早期的设计和验证。如果足够准确，可以代替验证人员的参考模型， 2.1.1 TLM模型的需求和ESL开发 为了软件和硬件人员同时进行开发，需要系统结构人员构建一个高抽象级的系统。通过将功能描述成可运行的系统，让软硬件人员子在早期利用该系统可以并行开发的方式称为ESL（电子系统级，electronic system-level）开发。 2.1.2 传统的系统设计流程 瀑
红宝书学习笔记：第八章——对象、类与面向对象编程（一）
qq_42569553的博客
05-22 541
红宝书学习笔记：第八章——对象、类与面向对象编程（一）理解对象
红宝书背诵笔记 — 简单基础词语
萌宅鹿的技术小屋
10-11 1621
简单基础词 红宝书背诵笔记 — 必考词 红宝书背诵笔记 — 基础词 红宝书背诵笔记 — 简单基础词
红宝书背诵笔记 — 必考词
萌宅鹿的技术小屋
09-28 4167
红宝书5500难点词必考词Unit1Unit2Unit3Unit4Unit5 把每单元不太熟的词单独整理出来… 必考词 Unit1 obligation 义务、责任 oblige 强迫、迫使、使感激 obscure 使变暗、遮蔽; 费解的、不分明的 obsession 迷住、牵挂; 萦绕于心的事物或人 idelogy 思想意识、观念形态 identical 同一的、相同的 identity 相同性、一致性 therapy 疗法、理疗 Unit2 fabric 织物; 结构、组织 fabricate 建造、
【红宝书笔记精简版】第十二章 BOM
weixin_41950078的博客
02-08 1082
12.1 window 对象 BOM 的核心是 window 对象，表示浏览器的实例。window 对象在浏览器中有两重身份，一个是 ECMAScript 中的 Global 对象，另一个就是浏览器窗口的 JavaScript 接口。 12.1.1 Global 作用域 因为 window 对象被复用为 ECMAScript 的 Global 对象，所以通过 var 声明的所有全局变量和函 数都会变成 window 对象的属性和方法。比如： var age = 29; var sayAge = (
【红宝书笔记】数据类型小纪录
The Summer, The Winter
03-11 446
JS的类型是松散类型。有5种简单类型：Undefined，Null，String，Number，Boolean和1种复杂类型：Object。 1.Undefined 这个类型只有一个值，就是undefined。每个没有初始化的变量都是undefined。 2.Null 这个类型也只有一个值，就是null。从逻辑上说，有null值的变量看做一个空的指针。所以用typeof检测这种变量，显示是o
JS红宝书（一）笔记之 Array
赵盛的博客
06-06 204
Title: JS红宝书（一）Array Date: 2020-05-18 11:06 categories: JS红宝书 tags: Array Array 栈方法 push() 接受任意数量的参数，把他们逐个添加到数组末尾，并返回修改后数组的长度。 pop() 从数组末尾移除最后一项，减少数组的length值，然后返回移除的项。 队列方法 shift() 移除数组中的第一项并返回该项，同时将数组长度减一。 unshift() 在数组的前端添加任意一个项并返回数组的长度。 .
红宝书（javascirpt高级程序设计）学习笔记（三）
weixin_34162401的博客
02-01 269
本文首发于Liubasara的个人博客，承蒙喜爱，欢迎转载。 第5章 引用类型 本章用于介绍ECMAScript中的引用类型，适合快速阅读，查缺补漏（PS：本章其实更推荐在阅读完第6章后阅读） 对象是某个特定引用类型的实例。新对象是使用new操作符后跟一个构造函数来创建的。构造函数本身就是一个函数，只不过该函数是出于创建新对象而定义的。 var person = new Object() 复制...
红宝书词根
心流时间的博客
10-31 2686
base低下，基础 calcul计算 camp营地 -aign名词后缀 bat打，击 edu教 -ure表名词 fascin迷住 -al形容词后缀 econom经济 -ate动词或名词后缀 radi光线 radic根 ideo思想，观点 ident同一的 later边 judge审批 jur法律，发誓 -ical形容词后缀 magn大 main，man手 ob-反对，上面 pan广泛，全部 -i...
JS红宝书·读书笔记
大灰狼的小绵羊哥哥的博客
09-18 5374
JavaScript高级程序设计 花了半个多月的时间，终于又把“JS红宝书”又撸了一遍。 第一次读“JS红宝书”还是2015年初学JS的时候，那时候只是把语法部分读了一遍，还有一些浏览器相关知识做了下了解，大概也就读了半本的样子， 就开始了用JS进行开发了，在成长的道路上遇见了JQuery，当时真的是感觉到JQuery太友好了，慢慢放下了原生开发。 现在呢，更多的时候是在用
js高级程序设计（红宝书）学习笔记一
weixin_39589549的博客
08-23 2821
写在前面 算来算去自从2016年六月份毕业开始，到十月份培训结束开始正式工作，也已经将近两年了。。。没错，我并非是科班出身，走的培训路线，四个月的培训时间，课程被安排的满满当当，每天机械式的上课，下课，吃饭，自习，睡觉重复了一遍又一遍。但每当我工作的时间越长越感觉到当时学习知识的匮乏，越能感觉到基础知识的重要性。每次遇到问题，解决问题，不能及时的将错误和解决办法，以及工作中的经验记录下来导致自己...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值