JavaScript:什么是 JavaScript ?

简介

JavaScript 是为网络创造的编程语言,如果你对使用 HTML 和 CSS 创建网页很熟悉,JavaScript 就是真正让网站变得生动的最后一项必备技术。早在 1995 年 当 Brendan Eich 创造 JavaScript 时,其目的是使交互式及动态元素更容易被添加到网站上,但如今各种应用程序都使用 JavaScript,从使用 Arduino 给机器人编程到在 Unity 中编写游戏脚本,甚至一些代码编辑器都是用 JavaScript 构建的,关键在于 JavaScript 能带来无限的机会。

历史

1995 年 Brendan Eich 在短短 10 天内创造了 JavaScript,当时 Eich 正在 Netscape Navigator 工作,Netscape Navigator 是互联网的首批网络浏览器之一,在 Eich 创造 JavaScript 之前网站只是作为 HTML 和 CSS 页面存在偶尔包含插件或 Java 小程序。

事实上 JavaScript 这个名字有一段奇特的往事,JavaScript 最初叫做 LiveScript 但基于营销上的决定它被改回 JavaScript 以借用当时 Java 的名气,随着 Javascript 的发展它的竞争版本相继出现该语言最终被引入 Ecma 国际组织,它的官方标准因而得以形成,如今该语言仍然被称为 JavaScript,但最新的版本通过其 ECMAScript 版本号来称呼(比如 ES5 或者 ES6),在最近标准本身已变为基于年份的数字以促进实现更一致的发布周期(比如 ES2016、ES2017 等)。

JavaScript 已经发展成为世界上最流行的编程语言之一,并被视为前端开发的三大基础之一(HTML 和 CSS 是标记语言。标记语言用于描述和定义文档中的元素。JavaScript 是编程语言。编程语言用于向机器发出指令。编程语言可用于控制机器的行为和表达算法。)。

控制台

要打开开发者工具可以在页面空白处右键,然后选择「查看元素」

在打开「开发者工具」后点击「控制台」选项卡。

也可以使用快捷键 Cmd + Opt + I 快速打开,此处附上 Firefox 键盘快捷键

可以在在这里可以编写 JavaScript 代码,比如名字

Firefox

输入回车后会看到报错提示

ReferenceError: Firefox is not defined 详细了解

要在 JavaScript 中实际写出姓名而不引发错误则需要将文字内容放在引号内,将其作为「字符串」数据类型进行使用

"Firefox"

alert() - MDN web docs

alert("Hi,Firefox")

尝试以上代码运行后会看到浏览器会弹出提示框并且显示「Hi,Firefox」

另外一说,如果你想运用多个提示框,例如

alert("Hi")
alert("I'm Firefox")

代码之间的换行需要「Shift+Enter」

console.log() - MDN web docs

console.log("Hail HYDRA");

运行以上代码并不会出现「九头蛇」组织和你接头,而是输出消息「Hail HYDRA」

另外,一些古老的教程喜欢用 alert() 进行调试,而个人更推荐 console.log(),因为一旦调试信息过多时不断点掉 alert() 弹窗会比较烦人

你可能会觉得使用字符串和 console.log() 不是一样么,下面来试试一种输出 0 到 9 的代码

for (let i = 0; i < 10; i++) {
  console.log(i);
}

开发者工具可以让你直接在浏览器中调试和检验你的构思,「控制台」可以去测试运行代码,比如新学到的一段代码但不确定具体效果,或者调试自己或别人的网站,并且这一切都在「沙盒」之中不会产生具体破坏。并且「控制台」会(console.log())告诉你当前页面是否有警告或错误以及一些输出结果

等等,调试别人的网站?是的,你可以打开 Duck.com 并运行以下代码

document.getElementsByClassName('tag-home__item')[0].style.color = "orange"

页面上「一款不追踪你的搜索引擎。」的字变成了橘色,这时再刷新试试?

总结

所有主流的浏览器都内置了 JavaScript 引擎,所以浏览器可以运行和执行 JavaScript 代码。可以使用开发者工具进行调试页面和编写运行代码。

Conners Hua

这个家伙很懒,什么都没有留下。

您可能还喜欢...

发表评论

电子邮件地址不会被公开。 必填项已用*标注