我爱编程

零基础学编程系列之二:天王盖地虎,Hello World!

2018-04-09  本文已影响60人  瑞波荡漾

本节目标->

1.编码写程序文件,运行这个程序文件
2.什么是变量

任何一个特定的群体都会使用特定的、或多或少带有一些神秘色彩的圈内语言来巩固本群体内部的向心力,将本群体的成员标榜于其他人之上,加大圈外成员进入自己这个圈子的难度。想当年,杨子荣智取威虎山,半途中遇到土匪,对话是这样:“蘑菇,溜哪路?”,后面就是大家熟知的:“天王盖地虎。”,“宝塔填河妖。” “脸红什么?” “精神焕发。” “怎么又黄啦?” “防冷涂的蜡!”
就连今天的中学生们也喜欢使用一些特殊的、在成年人看来简直稀奇古怪、不可理喻的表达方式,一些聪明的教师则会刻意使用这种表达方式,为的是能使自己和学生们“打成一片”。

我们程序员的“江湖黑话”是什么呢?本节教程将告诉你,我们程序员的终极秘籍,保证你在程序员社区,聊天对话时喊出来,就被程序员认为你也是同行,这就是编程界著名的“Hello World!”

一、现在开始让我们编写第一个程序,程序文件名字命名为 code1.js,操作步骤如下

  1. 创建我们的编程目录,目录名: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
  1. 创建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

到此为止,我们的第一个程序编写完成,接下来运行这个程序

  1. 运行code1.js 程序
    在Node.js command prompt 中录入下面的命令

node code1.js

image.png

回车后,程序开始运行,运行结果如图下图

image.png

恭喜你,你编写的第一个程序成功运行了,在Node.js command prompt窗口输出了,程序员的终极秘籍,"Hello World!"

提高一下,让程序再增加一行输出,在程序中增加一行
console.log("你好,世界!");

image.png

录入完成后,使用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

上一篇下一篇

猜你喜欢

热点阅读