JavaScript笔记整理
学习资源:MDN JS
本学习笔记面向 mdn web 中文文档资源,查漏补缺,不定期更新~
JavaScript概述
在 HTML 和 CSS 集合组装成一个网页后,浏览器的 JavaScript 引擎将执行 JavaScript 代码。这保证了当 JavaScript 开始运行之前,网页的结构和样式已经就位。
JavaScript 是轻量级解释型语言。
=== 全等
!==不相等
** 幂
addEventListener()监听事件
var 和 let 区别:
当你使用 var
时,可以根据需要多次声明相同名称的变量,但是 let
不能。
变量类型:number,string,Boolean,Array,Object
使用 typeof 操作符来检查变量类型
JavaScript对象
对象成员的值可以是任意的,在我们的 person 对象里有字符串 (string),数字 (number),两个数组 (array),两个函数 (function)。前 4 个成员是资料项目,被称为对象的属性 (property),后两个成员是函数,允许对象对资料做一些操作,被称为对象的方法 (method)
一个如上所示的对象被称之为对象的字面量 (literal)——手动的写出对象的内容来创建一个对象。不同于从类实例化一个对象,我们会在后面学习这种方式。
当你想要传输一些有结构和关联的资料时常见的方式是使用字面量来创建一个对象,举例来说,发起一个请求到服务器以存储一些数据到数据库,发送一个对象要比分别发送这些数据更有效率,而且比起数组更为易用,因为你使用名字 (name) 来标识这些资料。
每个实例对象都从原型中继承了一个 constructor 属性,该属性指向了用于构造此实例对象的构造函数。
JSON 是一种按照 JavaScript 对象语法的数据格式,这是 Douglas Crockford 推广的。虽然它是基于 JavaScript 语法,但它独立于 JavaScript,这也是为什么许多程序环境能够读取(解读)和生成 JSON。
JSON 可以作为一个对象或者字符串存在,前者用于解读 JSON 中的数据,后者用于通过网络传输 JSON 数据。这不是一个大事件——JavaScript 提供一个全局的 可访问的 JSON 对象来对这两种数据进行转换。
一个 JSON 对象可以被储存在它自己的文件中,这基本上就是一个文本文件,扩展名为 .json
,还有 MIME type 用于 application/json
.
异步JavaScript
浏览器提供的许多功能(尤其是最有趣的那一部分)可能需要很长的时间来完成,因此需要异步完成,例如:
- 使用
fetch()
发起 HTTP 请求 - 使用
getUserMedia()
访问用户的摄像头和麦克风 - 使用
showOpenFilePicker()
请求用户选择文件以供访问
因此,即使你可能不需要经常实现自己的异步函数,你也很可能需要正确使用它们。