学习内容:
一.变量的定义
二.JS的基本数据类型
三.JS的基本语法
1.变量的定义:
任何语言中最基本的东西就属于变量了,那么如何定义变量以及运用,其实是一件很简单的事情。。
JS中提供了如何去定义变量,但是在定义变量的时候我们需要明确和注意一些事情。。
- 变量必须以字母开头
- 变量也能以 $ 和 _ 符号开头(不过我们不推荐这么做)
- 变量名称对大小写敏感(y 和 Y 是不同的变量)
JS中变量的定义有自己的定义方式。。
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> </head> <body> <script language="javascript" type="text/javascript"> var num1=100;//不要写成int var num2=200; sum=num1+num2; //var sum=sum1+sum2; document.writeln(sum); var s="javascript";//不要写成string var s1="html"; var s2=s+s1;//+代表将两个字符串连接 document.writeln(s2); </script> </body> </html>
从上面的代码我们不难发现,JS在语法上并不是像编程语言那样规范,要求也并不是非常的严格。。
并且在定义变量的时候我们只能使用var来定义,不能像在编程语言中那样规范的定义方式,否则就会
出错,在编写JS代码的时候,变量的类型我们是不必写出来的,意思就是没必要写成int sum=。。。
我们只需要写出var sum=...就可以了。。只要浏览器自己知道变量是什么类型的就可以了。。。因此
在定义变量的时候一定要注意自己定义的方式。。。
2.JS的基本数据类型
(1)数值型
i.整型常量
十六进制以0x开头,例如0x88
八进制必须以0开头,如0123
十进制第一位不能是0,如123
ii.实型常量
12.23 5E7(科学计数法) 4e5等等
iii.特殊数值 NaN (不是数值型) Infinity(无穷大)
(2)布尔型
布尔型就很简单了,一个true,一个false
(3)字符型
字符串也一样简单:"abc"
字符串中的特殊字符,需要以反斜杠的(\)后面跟一个普通字符来表示。如\r \n \t \b \‘等等
3.JS的基本语法——三大流程控制
三大流程控制
(1)顺序控制:顺序控制其实就是指程序按照顺序的情况下执行。。。
(2)分支控制:(1)单分支(2)双分支(3)多分支
(1)单分支 就是
if(条件表达式){
语句;
}
(2)双分支就是
if(条件表达式){
语句;
}else{
语句;
}
(3)多分支结构
if(条件表达式){
语句;
}else if(条件表达式){
语句;
}else{
语句;
}
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> </head> <body> <script language="javascript" type="text/javascript"> //解决1+....10的和 var n=10; var sum=0; for(var i=1;i<=n;i++) { sum+=i; } document.writeln(sum); //解决从1-10之间偶数的和 var n1=10; var sum1=0; var sum2=0; for(var j=1;j<=n1;j++)
{ if(j%2==0) { sum1+=j; }else { sum2+=j; } } document.writeln(sum1); document.writeln(sum2); </script> </body> </html>
(3)循环控制部分和(1)do_while循环(2)while循环(3)for循环(4)for_in循环
(1)do_while (2)while (3)for (4)for_in(了解即可)
do while(条件) for(var...) for(变量 in 对象) { { { { 需要执行的代码 需要执行的代码; 需要执行的代码; 需要执行的代码; }while (条件); } } }
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> </head> <body> <script language="javascript" type="text/javascript"> var n=10; var sum=0; do { sum+=n; }while(n--); document.writeln(sum); var n1=10; var sum2=0; while(n1) { sum2+=n1; n1--; } document.writeln(sum2); var sum3=0; for(var j=1;j<=n1;j++)//不要顺手写成了int { sum3+=j; } document.writeln(sum3); var a=new Array(); var x; a[0]=1; a[1]=2; a[2]=3; for(x in a) { document.writeln(a[x]); } </script> </body> </html>
这四种常用的也就是while和for循环了。。其实掌握了这两种循环结构就可以了。。。