Javascript第一个程序

源码下载

  可以创建一个扩展名为.js的文件编写Javascript程序,通过nodejs解释器运行,也可以把js文件引入html文件,通过浏览器解析,一般前端开发,大的项目Javascript程序都是单独一个文件, 本节课为了方便,直接在script开始标签与结束标签之间编写Javascript语句。

1    <!DOCTYPE html>
2    <html lang="en">
3    <head>
4        <meta charset="UTF-8">
5        <title>Javascript程序HTML框架</title>
6    </head>
7    <body>
8          <script>
9              var x = 10;
10             var y = 2;
11             var z = x*y;
12             document.write(z);
13         </script>
14   </body>
15   </html>

  第9行到底12行Javascript代码很简单,就是计算x和y的乘积,并用document.write()方法输出到页面。在C语言中,声明一个变量通常会用数据类型int、float等关键字声明变量, 脚本语言Javascript是弱类型语言,不需要声明数据类型,所以无论整数、浮点数、字符串类型数据都用var声明即可,新的ES6标准,也可以使用let代替var。document.write()是浏览器运行环境下的DOM方法, 你可以简单理解为C语言尝试用的printf,简单说就是输出结果显示在屏幕上,在单片机、嵌入式、PC、浏览器不同生态平台上支持的输出结果方法不同,单是语言本身是通用的。

  如果你编程经验丰富,上面的代码也不需要深入讲解,看一眼都懂,没有编程经验的话,下面就简单解释下语法格式。

  不论你从未写过程序,还是非常熟悉其他的语言,我相信都不喜欢,教程一上来就罗列出数据类型、变量、语句、操作符、关键词等大量概念。本节课就先写了一段非常短小的程序,所有人阅读代码,测试代码以后 ,都会有一个印象,没写过程序的就记忆一个具象的东西,其他语言的高手记忆抽象的概念。比如用符号*表示乘法,没写过程序的知道数学中的乘法概念, 经常写程序应该知道,运算符(操作符)的抽象概念,不仅加减乘除是运算符,Javascript和C++、java一样也具有new运算符。上面符号意义解析中提到分号作为语句的结束标志,有编程经验有语句的概念,没写过程序的 就没有编程语句的概念,只有汉语词组的简单概念,但是经过上面结合代码案例的解析,你肯定会有一个印象,可能说不清是什么,但也会模仿使用。

变量

  var x = 10;,x是变量名,10是变量值,变量值存储在内存上,变量值可以更改,比如在这个语句的后面写x = 15;这个时候就会在内存上修改变量x的值,原来的变量值10会被擦写掉,重新赋值为15,变量的名字要按照一定规则命名这里不详述。

代码注释