零基础学编程系列之二:天王盖地虎,Hello World!
本节目标->
1.编码写程序文件,运行这个程序文件
2.什么是变量
任何一个特定的群体都会使用特定的、或多或少带有一些神秘色彩的圈内语言来巩固本群体内部的向心力,将本群体的成员标榜于其他人之上,加大圈外成员进入自己这个圈子的难度。想当年,杨子荣智取威虎山,半途中遇到土匪,对话是这样:“蘑菇,溜哪路?”,后面就是大家熟知的:“天王盖地虎。”,“宝塔填河妖。” “脸红什么?” “精神焕发。” “怎么又黄啦?” “防冷涂的蜡!”
就连今天的中学生们也喜欢使用一些特殊的、在成年人看来简直稀奇古怪、不可理喻的表达方式,一些聪明的教师则会刻意使用这种表达方式,为的是能使自己和学生们“打成一片”。
我们程序员的“江湖黑话”是什么呢?本节教程将告诉你,我们程序员的终极秘籍,保证你在程序员社区,聊天对话时喊出来,就被程序员认为你也是同行,这就是编程界著名的“Hello World!”
一、现在开始让我们编写第一个程序,程序文件名字命名为 code1.js,操作步骤如下
- 创建我们的编程目录,目录名:mycode
还记得上一节我们学过的,如何运行Node.js command prompt么?运行方法如下图指示
image.png
运行后出现如下窗口
image.png
在Node.js command prompt,黑色控制台窗口中输入如下命令,目的是创建工作目录mycode
cd \
mkdir mycode
cd mycode
如下图所示
image.png
2.运行atom(如果忘记如何运行atom的话,请翻阅上一节内容,这里不重复提供了),打开mycode目录
启动atom后,点击菜单 File-> Open Folder
image.png
弹出文件夹选择对话框 ,选择mycode目录
image.png
点击"选择文件夹"按钮
image.png
- 创建code1.js 程序文件
菜单 File-> New File 在下面截图红色圆圈出录入
console.log("Hello World!");
image.png
录入完成,菜单 File-> Save As
在文件名处录入 code1.js
image.png
点击保存
如果遇到如下提示,点击Keep Waiting.
image.png
现在atom窗口如图所示
image.png
在编程时,为了工作窗口最大化,我们现在关闭左侧不需要的标签页面,方法如下
鼠标指向 welcome 这个标签的 X关闭按钮会显示出来,点击关闭.
image.png
同样的办法,关闭另外两个标签页面,atom窗口现在如下图所示
image.png
到此为止,我们的第一个程序编写完成,接下来运行这个程序
- 运行code1.js 程序
在Node.js command prompt 中录入下面的命令
node code1.js
回车后,程序开始运行,运行结果如图下图
image.png恭喜你,你编写的第一个程序成功运行了,在Node.js command prompt窗口输出了,程序员的终极秘籍,"Hello World!"
提高一下,让程序再增加一行输出,在程序中增加一行
console.log("你好,世界!");
录入完成后,使用ctrl+s 保存文件,现在运行code1.js 在Node.js command prompt窗口输出如下图
image.png程序语句解析
第一个程序中,我们用到了console.log 语句,它的作用是向控制台窗口打印输出括号内的字符串.编程语句基本可以望文生义,console单词就是控制台的意思,log是记录.把信息记录到控制台,JavaScript语言约定,每一个程序语句,用“;"符号结束,所有符号全是英文半角,我们中国人写程序,最容易出错的就是,把一些符号录入成全角,运行程序会报错,你可以故意把半角的”;"符号,修改成全角的“;”,试试,看运行程序时,出现什么错误提示。
二、什么是变量
变量是存储信息的容器。这个容器可以装入任何字符串、数值等程序运行操作处理的对象,具有装入一次,可以取值无数次的特性。变量是存储信息的容器.程序世界的很多概念,用代码辅助描述,更直观。
为了让计算机知道你定义了一个变量,需要用var 关键字在变量名前标注一下。新建一个code2.js文件,录入一下程序代码
var myvar = "Hello World";
console.log(myvar);
在运行这个代码之前,先自己猜测运行结果,看是否跟实际运行结果一致。这是一个程序员必备的能力。
接下来学习下面的代码,这几句代码,能够体现变量mycar数值可变的特性。直到猜测结果和运行结果一致。
var myvar = "Hello World";
console.log(myvar);
myvar = "你好,世界!"
console.log(myvar);
注: 变量使用var定义一次,后面再使用这个变量时,不能再使用var重复声明。
用引号(可以双引号,也可以单引号)包括的编程对象叫字符串,变量中放入字符串时,可以使用“+”,把两个字符串连接起来。
var myvar1 = "Hello World";
var myvar2 = "你好,世界!" ;
console.log(myvar1);
console.log(myvar2);
console.log(myvar1+myvar2);
变量赋值为数字,可以进行加减乘除等数学运算。
var myvar1 = 1;
var myvar2 = 2;
console.log(myvar1);
console.log(myvar2);
console.log(myvar1+myvar2);
程序代码有自我解释功能,我相信你能看懂,布置个作业吧,编程实现两个变量相乘功能,程序输出有直观的提示,要求输入格式如下:
变量1的数值:2
变量2的数值:3
2*3 = 6