第六届字节跳动青训营笔记 JavaScript基础知识点| 青训营

77 阅读3分钟

什么是 JavaScript?

JavaScript 是一种脚本编程语言,它可以在网页上实现复杂的功能,网页展现给你的不再是简单的静态信息,而是实时的内容更新——交互式的地图、2D/3D 动画、滚动播放的视频等等。

image.png

应用程序接口

API 是已经建立好的一套代码组件,可以让开发者实现原本很难甚至无法实现的程序。 API 通常分为两类。

浏览器 API 内建于 web 浏览器中,它们可以将数据从周边计算机环境中筛选出来,还可以做实用的复杂工作。例如:

  • 文档对象模型 API 能通过创建、移除和修改 HTML,为页面动态应用新样式等手段来操作 HTML 和 CSS。比如当某个页面出现了一个弹窗,或者显示了一些新内容(像上文小演示中看到那样),这就是 DOM 在运行。
  • 地理位置 API 获取地理信息。
  • 画布(Canvas) 和 WebGL API 可以创建生动的 2D 和 3D 图像。人们正运用这些 web 技术制作令人惊叹的作品。
  • 诸如 HTMLMediaElement 和 WebRTC 等影音类 API (en-US) 让你可以利用多媒体做一些非常有趣的事,比如在网页中直接播放音乐和影片,或用自己的网络摄像头获取录像,然后在其他人的电脑上展示。

第三方 API 并没有默认嵌入浏览器中,一般要从网上取得它们的代码和信息。比如:

  • Twitter API、新浪微博 API 可以在网站上展示最新推文之类。
  • 谷歌地图 API、OpenStreetMap API、高德地图 API 可以在网站嵌入定制的地图等等。

JavaScript 的一个非常常见的用途是通过文档对象模型 API(如上所述)动态修改 HTML 和 CSS,以更新用户界面。请注意,网页文档中的代码通常按照其在页面上出现的顺序加载和执行。如果 JavaScript 先于要修改的 HTML 和 CSS 加载和运行,则可能发生错误。

JS的数据类型

image.png

JS的作用域

image.png

变量

什么是变量?

一个变量,就是一个用于存放数值的容器。这个数值可能是一个用于累加计算的数字,或者是一个句子中的字符串。变量的独特之处在于它存放的数值是可以改变的。

声明一个变量

要想使用变量,你需要做的第一步就是创建它——更准确的说,是声明一个变量。声明一个变量的语法是在 var 或 let 关键字之后加上这个变量的名字。

初始化变量

一旦你定义了一个变量,你就能够初始化它。方法如下,在变量名之后跟上一个“=”,然后是数值。你也可以在声明变量的时候给变量初始化。

var 与 let的区别

1.如果你编写一个声明并初始化变量的多行 JavaScript 程序,你可以在初始化一个变量之后用 var 声明它。这是由于变量的提升image.png 2.当你使用 var 时,可以根据需要多次声明相同名称的变量,但是 let 不能。

建议在代码中尽可能多地使用 let,而不是 var

变量类型

我们为变量设置不同的数据类型。

如:Number、String、Boolean、Array、Object等等。

动态类型

JavaScript 是一种“动态类型语言”,这意味着不同于其他一些语言 (译者注:如 C、JAVA),您不需要指定变量将包含什么数据类型(例如 number 或 string)

例如,如果你声明一个变量并给它一个带引号的值,浏览器就会知道它是一个字符串:

JS是怎么执行的?

image.png

image.png

image.png