《趣学JavaScript——教孩子学编程》——1.3 编写JavaScript

简介: 本节书摘来自异步社区《趣学JavaScript——教孩子学编程》一书中的第1章,第1.3节,作者: 【美】Nick Morgan(摩根)译者: 李强,更多章节内容可以访问云栖社区“异步社区”公众号查看。

本节书摘来自异步社区《趣学JavaScript——教孩子学编程》一书中的第1章,第1.3节,作者: 【美】Nick Morgan(摩根)译者: 李强,更多章节内容可以访问云栖社区“异步社区”公众号查看。

1.3 编写JavaScript

让我们在Google Chrome中编写一些简单的JavaScript。在你的计算机上安装Chrome(如果还没有安装的话),然后,打开Chrome并且在地址栏输入about:blank。现在,按下Enter键,你将会看到一个空白页面,如图1-4所示。

我们通过在Chrome的JavaScript控制台中编码而开始,这是程序员测试JavaScript程序的一种秘密方式。在Microsoft Windows或Linux上,按下Ctrl键和Shift键,并且按下J键。在Mac OS上,按下Command键和Option键,并且按下J键。

如果你正确地完成了所有的事情,应该会看到一个空白页,但是在其下面有一个右尖括号(>),后面跟着一个闪烁的光标(|),如图1-4所示。这是将要编写JavaScript的位置。
screenshot

注意
 Chrome控制台将会以彩色显示你的代码文本,例如,你输入的文本是蓝色的,输出将会根据其类型而显示颜色。在本书中,我们对代码文本采用和控制台所使用的类似的颜色。
当你在光标处输入代码,并且按Enter键的时候,JavaScript应该会运行(或执行)你的代码,并且在下一行显示结果(如果有结果的话)。例如,在控制台输入如下内容:
screenshot

然后按Enter键。JavaScript应该会在下一行输出这个简单的加法的结果(7):
screenshot

好了,足够简单了。但是,JavaScript远不止是一个不错的计算器,对吧?让我们来尝试一些其他的事情。

相关文章
|
1月前
|
前端开发 JavaScript 开发者
探索JavaScript ES6的八种常见使用技巧:开启现代编程之旅
探索JavaScript ES6的八种常见使用技巧:开启现代编程之旅
|
1月前
|
JavaScript 前端开发 开发者
编程笔记 html5&css&js 071 JavaScript Symbol 数据类型
编程笔记 html5&css&js 071 JavaScript Symbol 数据类型
|
1月前
|
存储 JavaScript 编译器
这款国产中文编程火了!通过文言文编译生成Python、JS、Ruby代码!
这款国产中文编程火了!通过文言文编译生成Python、JS、Ruby代码!
|
1月前
|
JavaScript 前端开发
编程笔记 html5&css&js 079 JavaScript 循环语句
编程笔记 html5&css&js 079 JavaScript 循环语句
|
1月前
|
JavaScript 前端开发 开发者
编程笔记 html5&css&js 078 JavaScript 条件判断语句
条件判断语句是首先要接触的语句。通过条件判断来执行不同的代码块。
|
1月前
|
JavaScript 前端开发 编译器
编程笔记 html5&css&js 077 Javascript 关键字
编程笔记 html5&css&js 077 Javascript 关键字
|
1月前
|
JavaScript 前端开发
编程笔记 html5&css&js 076 Javascript 表达式
编程笔记 html5&css&js 076 Javascript 表达式
|
1月前
|
存储 JavaScript 前端开发
编程笔记 html5&css&js 075 Javascript 常量和变量
编程笔记 html5&css&js 075 Javascript 常量和变量
|
1月前
|
JavaScript 前端开发 程序员
编程笔记 html5&css&js 074 Javascript 运算符
编程笔记 html5&css&js 074 Javascript 运算符
|
1月前
|
JavaScript 前端开发 Java
编程笔记 html5&css&js 073 JavaScript Object数据类型
编程笔记 html5&css&js 073 JavaScript Object数据类型