您的位置：首页 > Web前端 > JavaScript

【JavaScript】（2）标识符与关键字\基本|引用数据类型 \变量 \运算符与表达式\流程控制语句

2017-04-29 15:23 1056 查看 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>JavaScript基础语法</title>
<script type="text/javascript">
//❶.关键字: var, if,else,for,switch,case,default,while,break,continue,true,false,try,catch....
//❷.标识符: 和Java一样
//❸.分隔符: 和Java一样
//❹.注释: //和/**/ ,和Java相比少了：/**注释内容*/
//❺.基本数据类型: number,string,boolean
//❻.引用数据类型:object

//判断一个变量的数据类型用:typeof(x)
alert("100："+typeof(100));//number
alert("3.1415："+typeof(3.1415));//number--【注意】：js中没有整数和浮点数一说，全是数值型
alert("abc："+typeof("abc"));//string--【注意】：string是基本数据类型，s是小写的
alert("'a'："+typeof('a'));//string--【注意】：js中没有char型一说，单引号和双引号都是字符串的分界符，效果是一样的，和HTML、SQL语言相同的
alert("true："+typeof(true));//boolean --【注意】：和java一样true和false都是小写，但是有一点区别：js中的布尔型值有0和非0的概念，在计算时true为1false为0
var a=[1,3,4,5];
alert(typeof(a));//object：【注意】object也是小写的

//判断某个值是否为指定类型用:（typeof(值)==‘类型’）
alert(typeof(123)==number);//没有结果--【注意】：这种方式不能用来判断是否是number类型(原因：typeof(123)结果为number，此时应该是两个字符串作比较，而number是类型，字符串无法和类型比较)
alert(typeof(123)=='number' );//true：【注意】判断是否为number类型，后边要用引用引起来。

//❼.变量：全部是用var来声明的
var x=3;//【注意】：js中对于变量存放的数据类型是没有限定的，不像强类型语言，限定了所存放的数据类型
alert("x1="+x);
x="abc";//AC：【注意】：x原来是number类型，现在又重新赋值为string类型，是可以的，而且这就是弱类型语言的一种经典体现
alert("x2="+x);
x=true;//AC
alert("x3="+x);
x=[1,4,51.1,"abc"];//AC
alert("x4="+x);

var x=45;//【注意】：js中允许重复声明一个变量。即：ji中允许同一作用域的标识符声明多次
alert("x5="+x);
var x;//【注意】：js中如果该变量在前面已经声明了，这里没给赋值，那么和前面是共享空间的
alert("x6="+x);
var xx;//【注意】：js中一个变量若在声明之后没有赋值，则js给它默认赋值为：undefined
alert("xx="+xx);

//❽.运算符与表达式
//8.1算术运算符： +（正）、-（负）、+（加）、-（减）、*、/（除）、%（取余） 、++、--
var a=1234;
alert("a="+a/1000*1000);//结果：a=1234【注意】：js中没有整数一说，因此两个整数相除结果不一定是整数，js中都是number(包括整数和浮点)
alert("a="+(a/1000*1000));

var x=1.2;
var y=2.8;
alert("x+y="+x+y);//结果：1.22.8【注意】：字符串连接的(+)的优先级比数学运算的(+)优先级高，但是数学的(*/)优先级比字符串连接(+   )的高。
alert("x+y="+(x+y));//结果：4
alert("x*y="+x*y);//结果：3.36

//有关+-的一些细节：
alert(12+1);//结果：13
alert("12"+1);//结果：121
alert("12"-1);//结果：11【注意】：这种方式相减也是可以的
alert(true);//结果：true
alert(true+1);//结果：2【注意】：布尔型true\false在运算时可当作1\0
alert(false+1);//结果：1

//取余符号%---【注意】：取余和java一样符号看第一个被除数
alert("100%-3="+100%-3);//结果：1
alert("-100%3="+-100%3);//结果：-1

//++、--用法和java一样
var n=5,m;
m=n++;
alert("n="+n+",m="+m);//结果：n=6,m=5

//8.2 赋值运算符：= 、+= -=  *= /=  和Java用法一样
var a=10;
a+=5;
alert("a+="+a);//结果：15

//8.3 关系运算符：==、!=、>、<、>=、<=
//【注意】：关于==运算符的注意事项--通常我们将比较的值和变量比较的位置为：值==变量名
var y=3;
alert("y==3"+(y==3));//结果：true
alert("3==y "+(3==y));
alert(y=3);//结果：3

//8.4 逻辑运算符： &&（条件与）、||（条件或）、!（非）  ----JS中只有这三个逻辑运算符，而Java还有：&（与）、|（或）、∧（异或）
var t=4;
alert(t>3&t<10);//结果：1【3：011，10：1010】
alert(t>3 && t<10);//结果：true
alert(!t);//结果：false

//8.5 位运算符：~（非）、&（与）、|（或）、^（异或）、<<（左移位）、>>（右移位）、>>>（无符号右移位）
var c=6;
alert(c&3);//【6：110，3：011】=010【注意】：0&1=0；1&1=1
alert(~c);//结果：-7
alert(c^100^100);//结果：6【注意】：对与^异或，相同运算为0，不同为1

//8.6 条件运算符(问号表达式，三元运算符): 表达式1 ? 表达式2 :  表达式3
alert(c>100?"yes":"no");//结果：no

//❾ 流程控制语句
//9.1 【if】
//例1：比较大小
var a=100,b=200,c=20;
var max=a;
if(a<b){
max=b;
}else{
max=a;
}
if(max<c){
max=c;
}
alert("max="+max);//结果：200

//例2：判断if条件值
var x=0;
if(x-1){
alert("YES");
}else{
alert("NO");
}

//例3：if的多选一功能
x=40;
if(x>100){
alert("a");
}else if(x>50   ){
alert("b");
}else if(x>30){
alert("c");
}else{
alert("d");
}

//9.2【switch-case】
//switch-case 用法和java类似，只是java只能用于byte\int等整数类型及String类型；但是js支持所有类型
var xx="bb";
switch(xx){
case "aa":
alert("a");break;
case "bb":
alert("b");break;
case "cc":
alert("c");break;
default:
alert("d");
}

//9.3【while\do-while\for】
//9.3.1【while】例：打印出1~100之间的整数及其求和并且对输出内容字体设置
var x=0;
var sum=0;
while(x<100){
x++;
document.write("<font size='20pt' color='red'>"+x+" "+"</font><br/>");
sum+=x;
}
alert("sum="+sum);

//9.3.2【do-while】例：打印1~100之间的值
x=0;
do{
x++;
document.write("<font size='18pt' color='green'>"+x+"</font><br/>");
}while(x<100);

//9.3.3【for】例：计算1~100和
for(var i=1;i<=100;i++){
document.write("<font size='20pt' color='yellow'>"+i+"</font><br>" );
}

//9.4【break\continue\return】
for(var i=0;i<4;i++){
for(var j=0;j<=5;j++){
document.write("<font size=18pt>"+i+"</font>"+" ");
if(i==2){
break;
}
}
}
</script>
</head>
<body>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  javascript
相关文章推荐
新的分享
章节导航