02-第一个Javascript代码

在页面中,我们可以在body标签中放入<script type="text/javascript"></script>标签对儿,<script type="text/javascript"></script>标签对

<script type="text/javascript">

</script>

alert语句

<script type="text/javascript">
    alert("陈润")
</script>

语法规则

学习程序，是有规律可循的，就是程序是有相同的部分，这些部分就是一种规定，不能更改，我们成为：语法。

（1）JavaScript对换行、缩进、空格不敏感。

      备注：每一条语句末尾要加上分号，虽然分号不是必须加的，但是为了程序今后要压缩，如果不加分号，压缩之后将不能运行。

（2）所有的符号，都是英语的。比如括号、引号、分号。

（3）JavaScript的注释：

　　单行注释：

//

　　多行注释

/**/

备注：sublime中，单行注释的快捷键是ctrl+/，多行注释的快捷键是ctrl+shift+/。

javascript在网页中输出信息的写法

弹出警告框: alert("")

控制台输出: console.log("")

console.log("")表示在控制台中输出. console表示控制台, log表示"输出".

控制台在chrome浏览器的F12中,控制台是工程师,程序员调试层序的地方,程序员经常使用这条语句输出一些东西,来测试程序是否正确

用户输入:prompt()语句

prompt() 就是专门用来能够让用户输入的对话框.

代码如下:

<script type="text/javascript">
    var a = prompt("今天是什么天气?")
    console.log(a)
</script>

prompt()语句中，用户不管输入什么内容，都是字符串。

alert和prompt的区别：

alert("从前有座山");    //直接使用,不需要变量
var a = prompt("请输入一个数字");    //必须用一个变量,来接受用户输入的值

直接量: 数字和字符串

直接量即常量,也称为"字面量".看见什么,他就是什么

简单的直接量有两种: 数字,字符串

(1):数值的直接量的表达非常简单,写上就行了,不需要任何符号,例如

alert(88765); //输出的是数字,所以不需要加引号

(2)字符串也很简单,但一定要加上引号.可以是单词,句子等

变量

变量的定义和赋值

var a = 100;

var是英语“variant”变量的缩写。后面要加一个空格，空格后面的东西就是“变量名”，

• 定义变量：var就是一个关键字，用来定义变量。所谓关键字，就是有特殊功能的小词语。关键字后面一定要有空格隔开。

• 变量的赋值：等号表示赋值，将等号右边的值，赋给左边的变量。

• 变量名：我们可以给变量任意的取名字。

 PS：在JavaScript中，永远都是用var来定义变量，这和C、Java等语言不同(有兴趣的同学可以看一下es6)

变量要先定义，才能使用。比如，我们不设置变量，直接输出：

<script type="text/JavaScript">
    console.log(a)
</script>

控制台将会报错

正确的写法

var a = 100;
console.log(a);

变量的命名规范

变量名有命名规范; 只能由英文字母,数字,下划线, 美元符号$构成,且不能以数字开头,并且不能是javascript保留字

下列的单词,叫做保留字,就是说不允许当作变量名,不用记:

abstract、boolean、byte、char、class、const、debugger、double、enum、export、extends、final、float、goto
implements、import、int、interface、long、native、package、private、protected、public、short、static、super、synchronized、throws、transient、volatile

 

var A= 250;
var a = 000;

变量的类型

变量里面能够存储数字,字符串等.变量会自动的根据存储内容的类型不同,来决定自己的类型

数值型: number

如果一个变量中,存放了数字,那么这个变量就是数值型的

var a = 200;
console.log(typeof a);

typeof()表示获取变量的类型,语法为:

typeof 变量

在javascript中,只要是数, 就是数值型(number)的.无论整浮,浮点数,无论大小,无论正负都是number类型的.

字符串型: string

var a = "abcde";
        var b = "陈润";
        var c = "1234";
        var d = "";

        console.log(typeof a);
        console.log(typeof b);
        console.log(typeof c);
        console.log(typeof d);

连字符和加号的区别:

键盘上的+可能是连字符,也可能是数字的加号.如下:

console.log("我"+"爱"+"你");
console.log("我"+"爱"+"你");
console.log(1+2+3)

结果:

我爱你
我+爱+你
6

总结: 如果加号两边都是数值,此时都是加.否则,就是连字符

 

变量值的传递(赋值)

语句:

a = b;

把b的值赋给a, b不变.

将等号右边的值,赋给左边的变量; 等号右边的变量,值不变

var a = "3";
var b = 2;
console.log(a-b);

效果: (注意,字符串-数值=数值)

 

变量格式转换

用户的输入

我们在上面的内容里讲过，prompt()就是专门用来弹出能够让用户输入的对话框。重要的是：用户不管输入什么，都是字符串。

parseInt():字符串转数字

parseInt() 可以将字符串转数字.parse表示"转换",Int表示"整数"(注意Int的拼写).例如:

字符串转数字的方法:

parseInt("5")

parseInt()还具有一些特性:

(1)带有自动精华的功能; 只保留字符串最开头的数字,后面的中文自动消失.例如:

console.log(parseInt("2018陈润"))

(2)自动带有截断小数的功能: 取整,不四舍五入.

var a = parseInt(5.8) + parseInt(4.7);
console.log(a);

var a = parseInt(5.8 + 4.7);
console.log(a);