《JavaScript高级程序设计》学习笔记 JavaScript基本（1）

volit_

已于 2022-07-15 12:08:23 修改

阅读量935

点赞数

分类专栏：读书笔记#JavaScript高级程序设计文章标签： javascript 学习开发语言

于 2022-07-15 11:14:48 首次发布

本文链接：https://blog.csdn.net/weixin_49971653/article/details/125800258

版权

读书笔记#JavaScript高级程序设计专栏收录该内容

5 篇文章 0 订阅

订阅专栏

文章目录

JavaScript实现
script元素
行内文件与外部文件
- 1.使用外部文件的好处
- 2.noscript可以指定在浏览器不支持脚本时显示的内容。
语法## 标题
数据类型
操作符
语句
函数

发展历史（1）1995年，网景公司一名叫Brendan Eich的工程师开始为即将发布的Netscape
Navigator2开发一个叫Mocha（后来改名为LiveScript）的脚本语言。为了赶上发布时间，网景公司与Sun公司结为开发联盟，共同完成LiveScript的开发，在正式发布之前，网景将名称改为了JavaScript（为了搭上媒体但是热炒作的Java的顺风车）
（2）1996年，微软进入浏览器领域，同时带来了两个版本的JavaScript，Netscape Navigator的JavaScript
和 IE的JScript。
（3）1997年，JavaScript1.1作为提案被提交给欧洲计算机制造协会，他们花了数月时间打造出ECMA-262，也就是ECMAScript，JavaScript脚本语言标准。
（4）1998年，国际标准化组织（ISO）和国际电工委员会（IEC）也将ECMAScript采纳为标准。自此以后，各家浏览器均以ECMAScript作为自己JavaScript的实现依据。

JavaScript实现

核心（ECMAScript）
文档对象模型（DOM）
浏览器对象模型（BOM）

1.ECMAScript

（1）描述JavaScript

语法
类型
语句
关键字
保留字
操作符
全局对象

（2）版本

第一版，本质上跟网景的JavaScript1.1相同，只不过删除了所有浏览器特定的代码，外加少量修为的修改。
第二版，只是做了一些编校工作
第三版，更新了字符串处理、错误定义和数值输出。此外还增加了对正则表示、新的控制语句、try/catch异常处理的支持，以及为了更好地让标准国家化所做的少量修改。
第四版，强类型变量、新语句和数据结构、真正的类和经典的继承，以及操作数据的新手段。
第五版，原生的解析和序列化JSON数据的JSON对象、方便继承和高级属性定义的方法，以及新的增强ECMAScript引擎解释和执行代码能力的严格模式。
第六版，俗称ES6，正式支持了类、模块、迭代器、生成器、箭头函数、期约、反射、代理和众多新的数据类型。
第七版，也称ES7，只包含少量语法层面的增强，如Array.prototype.includes和指数操作符
第八版，也称ES8，增加了异步函数（async/await)、SharedArrayBuffer及Atomics API，以及Object.values()/Object.entries()/Object.getOwnPropertyDescriptors()和字符串填充方法，明确支持对象字面量最后的逗号。
第九版，也称ES9，异步迭代、剩余和扩张属性、一组新的正则表达式特性、Promise finally()，以及模板字面量修订。
第十版，也称ES10，增加了Array.prototype.flat()/flatMap()、String.prototype.trimStart()/trimEnd()、Object.fromEntries()方法，以及Symbol.prototype.description属性，明确定义了Function.prototype.toString()的返回值并固定了Array.prototype.description属性，明确定义了Function.prototype.toString()的返回值并固定了Array.prototype.sort()的顺序。解决了与JSOn字符串兼容的问题，定义了catch子句的可选绑定。

2.DOM 文档对象模型 API

3.BOM 浏览器对象模型 API

（1）特定于浏览器的扩展
弹出新浏览器窗口的能力
移动、缩放和关闭浏览器窗口的能力
navigator对象，提供关于浏览器的详尽信息
location对象，提供浏览器加载页面的详尽信息
screen对象，提供关于用户屏幕分辨率的详尽信息
performance对象，提供浏览器内存占用、导航行为和时间统计的详尽信息
对cookie的支持
其他自定义对象，如XMLHttpRequest和IE的ActiveXObject

script元素

1.8个属性

async：表示应该立即开始下载脚本，但不能阻止其他页面动作，比如下载资源或等待其他脚本加载。只对外部脚本文件有效。
charset：使用src属性指定的代码字符集。
crossorigin：配置相关请求的CORS设置。默认不使用CORS。
defer：表示脚本可以延迟到文档完全被解析和显示之后再执行。只对外部脚本文件有效，
integerity：允许比对接收到的资源和指定的加密签名已验证子资源完整性。
language（废弃）：
src：表示要执行的代码的外部文件。
type：代替language，表示代码块中脚本语言的内容类型（MIME类型）。
ps.不管包含什么代码，浏览器都会按照scrip在页面中出现的顺序依次解释他们，前提是它们使用defer和asyns属性。第二个script元素的代码必须在第一个解释完毕之后才能开始解释。

2.script标签的位置

通常置于所有body内容的底部

3.defer属性

使用的defer标签的cript属性会立即下载，但是延迟执行。并且不一定总是按照顺序执行。

4.async属性

使用async标记该脚本为异步，不必等脚本下载和执行完后再加载页面，同样也不必等到该脚本下载和执行后再加载其他脚本，且它们之间不会按照出现的次序执行，因此，因保证异步执行的脚本之间，不存在依赖关系，且异步脚本不应该在加载期间修改DOM。

5.动态生成script

可以通过动态生成DOM，生成script标签，来达到动态生成script的效果，且此方式生成的文件是异步加载的，并且当执行到该语句时才会加载，可以通过将async设置成false将其改为同步的，或者使用link rel=“preload” href=“xxx.js”> 来显示声明该文件。

行内文件与外部文件

1.使用外部文件的好处

（1）可维护性。
（2）缓存。
（3）适应未来。

2.noscript可以指定在浏览器不支持脚本时显示的内容。

语法## 标题

1.简介

ECMAScript的语法很大程度借鉴了C语言和其他类C语言，如Java和Perl。

2.区分大小写

3.标识符规则

（1）第一个字符必须是一个字母、下划线（_)或美元符号（$)
（2）剩下的字符可以是字母、下划线、美元符号或数字。
（3）命名使用驼峰大小写形式。
ps.关键字、保留字、true、false和null不能作为标识符。

4.注释

（1）// 单行注释
（2）/* */ 多行注释

5.严格模式

（1）在脚本开头加上"use strict"，将对整个脚本开启严格模式
（2）也可以在函数体开头加上"use strict" 标识对该函数开启严格模式

6.变量

（1）var关键字
在函数中使用var定义变量会使其成为当前函数的局部变量，若省略var，则会在执行该函数的时候，创建一个全局变量。
使用var关键字声明的变量会自动提升到函数作用域顶部，该特性就是var关键字的声明提升，因此利用此特性可以用var关键字重复声明同一个变量。
（2）let关键字
let声明的范围是块作用域，var声明的是函数作用域。即let关键字不会提升。
暂时性死区，在let声明执行前会出现"暂时性死区“，在此阶段引用任何后面才声明的变量都会抛出ReferenceError。
使用let在全局作用域中声明的变量不会成为window对象的属性，使用var声明的变量则会。
（3）const关键字
声明变量时必须同时初始化变量
变量值不可修改，但若定义的是一个对象，则可修改对象内的值，因为const的限制只适用于指向的变量的引用

7.声明风格

（1）只使用let和const，不使用var
（2）优先使用const

数据类型

1.七种基本类型

Undefined、Null、Boolean、Number、String、Symbol和Object。

2.typeof

（1）返回值
undefined 值未定义
boolean 布尔值
string 字符串
number 数值
object 值为对象或null
function 函数
symbol 符号
ps.对null 使用typeof会返回object，因为null被认为是一个对空对象的引用。

3.Undefined类型

（1）只有一个值undefined
（2）若仅声明变量而未初始化，就相当于给变量赋予了undefined值
（3）对未定义的变量使用typeof的返回值也是undefined

4.Null类型

（1）只有一个值null
（2）null表示一个空对象指针
（3）和undefined表面上相等，使用==返回true

5.Boolean

（1）有两个值true和false
（2）使用Boolean()可以将任意数据类型转换为bool值
值为true
String，非空字符串
Number，非0数值
Object，任意对象
Undefined，N/A
值为false
String，“”
Number，0、NaN
Object，null
Undefined，undefined

6.Number

（1）浮点数的精确度最高可达17位小数，但在算术计算中远不如整数精确，如0.1加0.2得到的不是0.3,而是0.30000000000000004，因此不要去测试浮点数的值
（2）Number的最大值保存在Number.MAX_VALUE中，最小值保存在Number.MIN_VALUE中，若超出最大值则返回Infinity，超出最小值返回-Infinity
ps.使用Number.NEGATIVE_INFINITY和Number.POSITIVE_INFINITY可分别获取到-Infinity和Infinity
（3）NaN（不是数值）用于表示本来要返回数值的操作失败了。
用0除以任意数值
分母是0
任何设计NaN的操作
NaN不等于包括NaN在内的任何值，可以使用isNaN()判断是否非数值，该方法可以将可以转换为数值的值转换为数值
（4）数值转换
Number()，忽略数值前的0
parseInt()，解析八进制和十六进制值
parseFloat()，不解析八进制和十六进制值

7.String

1.字符串在创建之后它的值就不可改变了，若进行字符串拼接操作，会先创建出一个足够容纳两个字符串的空间，将两个字符串放置进去，然后将这个两个字符串销毁。
2.toString()方法可以将任意类型转换成它的字符串表示量
3.模板字面量
（1）定义在``之间
（2）支持跨行定义
（3）使用${变量名}占位