前端开发笔记JavaScript学习之路

第三课 警告框和变量

2018-12-03  本文已影响11人  神淘汰
这么好的教程为什么不看下去呢?

有些人可能会抱怨,我前面说的那些废话没有什么用,但是这是一个告诉你很多基础只是的教程,如果只是教你一些新的命令,你可能都已经忘记了什么是布尔值,什么是数值

想学好编程,要有耐心……

计算机英语

alert 警告
var (定义变量关键字)
name 名字
age 年龄
score 分数

新课探索

1、alert方法——警告框
alert(   );

(1)alert方法用于实现在浏览器窗口中弹出一个警告框
(2)alert后面是一对小括号,注意是英文的括号,小括号里面是在警告框中显示的内容
(3)alert如果想要在警告框中显示字符串,则需要加上双引号

例题:如图1,在浏览器中弹出一个警告框,上面的内容是“可以,不跟你多BB”,如何实现?


图1

答案如下:

alert("可以,不跟你多BB");

分析:为什么可以用中文的逗号?因为在双引号的支撑下,双引号内的内容全部属于字符串,而不是关键内容,所以字符串可以是任何内容

知识点:alert可以作为输出很多内容,它可以输出字符串,数值,数组以及布尔值

练习一下

1.自己试试alert显示出你的名字
2.计算100+800+120的运算结果
3.输出一个布尔值

2、变量
什么是变量

变量的概念基本上和初中代数的方程变量是一致的,只是在计算机程序中,变量不仅可以是数字,还可以是任意数据类型。变量在JavaScript中就是用一个变量名表示。

声明变量

在声明一个变量的时候,var一般是声明变量的一个很重要关键词

var a = 1;

这样就是一个简单的变量赋值,意思就是,把数值1,赋值给变量名a

变量名的规则:
1.不能是中文字符
2.不能以数字开头
3.可以使用下划线_和美金符号$
4.可以有英文大小写
5.变量名也不能是js关键字
6.变量名不能有空格和小数点

var a; // 申明了变量a,此时a的值为undefined(未定义)
var $ = 1; // 申明了变量$,同时给$赋值,此时$的值为1
var Lu_benwei = "挂逼"; // Lu_benwei是一个字符串
var Answer = 1!=2; // Answer是一个布尔值true
var t = null; // t的值是null

变量名越简单越好,请不要给自己找麻烦
在JavaScript中,使用等号=对变量进行赋值。可以把任意数据类型赋值给变量

变量的使用

定义好了变量如何使用呢,之前说过,alert可以输出各种值,变量也可以显示

var a = 1;
alert(a); //输出结果就是a
重新赋值

定义好了一个变量以后,可以对这个变量进行变化,否则为什么叫量呢
重新赋值的方法:

var a = 1;
alert(a);
a = 2 ;
alert(a);

第一个警告框显示的是1,第二个则是2
a在第三行发生了变化
重新赋值的时候,不需要关键词var,否则会出现一个新的变量a

例题:假设你今年年龄是12岁,用alert显示今年年龄,过了10年,再输出10年后的年龄

var age = 12;
alert(age); //今年的年龄
age = age + 10;
alert(age); //十年后的年龄

课内练习

面筋哥他昨天烤了5根面筋,今天准烤的数量是昨天的2倍,可是实际却比原计划多烤了五根面筋,问面筋哥两天一共烤了多少根面筋?

var yesterday = 5; //昨天烤了五根面筋
var today = yesterday*2; //今天打算烤昨天的2倍
new_today = today + 5; //今天实际烤的面筋
var sum = yesterday + new_today; //两天一共烤的面筋
alert(sum);

亲自出码

1.声明变量s,赋值为这次期中考试的总分,平时表现得好,加50分,在警告框上显示最终成绩
2.声明3个变量,c(语文成绩),m(数学成绩),e(英语成绩),将 i 设为三门功课的平均分

上一篇下一篇

猜你喜欢

热点阅读