Java教程

【九月打卡】第2天 JavaScript进阶篇

本文主要是介绍【九月打卡】第2天 JavaScript进阶篇,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

课程名称:JavaScript进阶篇

课程章节:第2章 你要懂的规则(JS基础语法)

主讲老师:慕课官方号


课程内容
今天学习的内容包括:

  • 变量声明

  • 变量类型

  • 算术运算符

  • 比较运算符

  • 逻辑运算符

  • 对变量和数值进行操作               

课程收获:

声明变量语法: var 变量名;   
var mynum ; //声明一个变量mynum


我们可以一次找一个盒子,也可以一次找多个盒子,所以Var还可以一次声明多个变量,变量之间用","逗号隔开。

var num1,mun2 ; //声明一个变量num1
注意:变量也可以不声明,直接使用,但为了规范,需要先声明,后使用。



我们可以把变量看做一个盒子,盒子用来存放物品
我们使用"="号给变量存储内容,看下面的语句:
var mynum = 5 ; //声明变量mynum并赋值。


也可以这样写:
var mynum; //声明变量mynum
mynum = 5 ; //给变量mynum赋值
注:这里 "="号的作用是给变量赋值,不是等于号。

盒子可以装衣服、玩具、水果...等。其实,变量是无所不能的容器,你可以把任何东西存储在变量里,如数值、字符串、布尔值等,例如:
var num1 = 123;       // 123是数值
var num2 = "一二三";    //"一二三"是字符串
var num3=true;    //布尔值true(真),false(假)
其中,num1变量存储的内容是数值;num2变量存储的内容是字符串,字符串需要用一对引号""括起来,num3变量存储的内容是布尔值(true、false)。

编程练习

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>变量赋值</title>
<script type="text/javascript">
var num1=10;
var num2="JS";

 document.write("num1的值是:"+num1+"<br>");
 document.write("num2的值是:"+num2);
</script>
</head>
<body>
</html>


变量赋值

我们可以把变量看做一个盒子,盒子用来存放物品,那如何在变量中存储内容呢?

我们使用"="号给变量存储内容,看下面的语句:

var mynum = 5 ; //声明变量mynum并赋值。

 

这个语句怎么读呢? 给变量mynum赋值,值为5。我们也可以这样写:

var mynum; //声明变量mynum mynum = 5 ; //给变量mynum赋值

 

注:这里 "="号的作用是给变量赋值,不是等于号。

盒子可以装衣服、玩具、水果...等。其实,变量是无所不能的容器,你可以把任何东西存储在变量里,如数值、字符串、布尔值等,例如:

var num1 = 123;       // 123是数值 var num2 = "一二三";    //"一二三"是字符串 var num3=true;    //布尔值true(真),false(假)

 

其中,num1变量存储的内容是数值;num2变量存储的内容是字符串,字符串需要用一对引号""括起来,num3变量存储的内容是布尔值(true、false)。

52b9227d0001acc703000174.jpg

529c21600001d02302800228.jpg


529c218f000101d402980228.jpg

52b922a00001445b02920187.jpg


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>表达式</title>
<script type="text/javascript">
 var num1=10-5;
 var num2=num1+6;
 
  document.write("小明还剩:"+num1+"元"+"<br>");
  document.write("小红花:"+num2+"元买个铅笔盒");
</script>
</head>
<body>
</body>
</html>

"+"操作符

操作符是用于在JavaScript中指定一定动作的符号。

(1)操作符

看下面这段JavaScript代码。

sum = numa + numb;

其中的"=""+"都是操作符。

JavaScript中还有很多这样的操作符,例如,算术操作符(+、-、*、/等),比较操作符(<、>、>=、<=等),逻辑操作符(&&、||、!)。

注意: “=” 操作符是赋值,不是等于。

(2) "+"操作符

算术运算符主要用来完成类似加减乘除的工作,在JavaScript中,“+”不只代表加法,还可以连接两个字符串,例如:

mystring = "Java" + "Script"; // mystring的值“JavaScript”这个字符串


今天学习了JavaScript语句,串表达式,布尔表达式,数值表达式等一系列操作,感觉编程真的很有趣,明天继续!

这篇关于【九月打卡】第2天 JavaScript进阶篇的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!