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

JavaScript的语法变量运算符

2016-05-22 14:42 399 查看

JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。

【1】JavaScript基本语法

【2】数据类型及变量

【3】JavaScript中的几种语句

【4】单目运算符和布尔运算符

【5】数学运算符和关系运算符

【6】关系运算符

【7】三目和赋值运算符

【1】JavaScript基本语法

通过type = "text/javascript"来嵌套JavaScript语句

<!DOCTYPE html>
<html>
<head>
<title>js的语法.html</title>

<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<!-- js是弱类型语言 -->
<script type="text/javascript">
//1 声明变量, 变量的类型是随时可以变化的
var a = 1;
a = "haha";
a = false;
//2 注释    注释写法与java一模一样.没有文档注释. //   /**/
//3 声明变量
var b=2,c=3;
//4 js中每行语句的结束使用 ";" 号来表示. 也可以不使用";".(推荐都加上)

//5 声明变量时,也可以不加var => 加var声明,作用范围在代码块中.不加var声明,作用范围为全局

//6 字母大小写.语法区分大小写
</script>
</head>

<body>
</body>
</html>

【2】数据类型及变量
一共有8中基本的数据类型

<!DOCTYPE html>
<html>
<head>
<title>js的变量.html</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<script type="text/javascript">
//java中的变量分类
//1 基本数据类型 => 8个
//2引用数据类型
//js中的变量分类
//1 原始类型
//2 对象类型
//---------------------------------------------------------------
//js的原始类型  5种
//1 number 数字  不分整型或浮点型
//2 string 字符串
//3 boolean 布尔
//4 null  一般人为来赋值为null. 对象数据类型的占位符.
//5 undefined(未定义) null的衍生值. 通常是系统自动赋值.当我们创建一个变量,并且没有初始化.

var a = 10;        //number
var b = 3.14;	   //number
var c = "hello";   //String
var d = 'world';   //String
var e = true;      //boolean
var f = null;      //object
var g = undefined; //undefined
var h ;            //undefined
var i = new Object();//object
//运算符=> typeof => 返回原始类型的类型
alert(typeof a);
alert(typeof b);
alert(typeof c);
alert(typeof d);
alert(typeof e);
alert(typeof f);
alert(typeof g);
alert(typeof h);
alert(typeof i);
// typeof null => object
// 是javascript中的一个bug.后来将该bug保留了.
//----------------------------------------------------
</script>
</head>

<body>
</body>
</html>

【3】JavaScript中的几种语句

JavaScript中的语句是和Java中语句的使用方式使基本相同的

<!DOCTYPE html>
<html>
<head>
<title>js中的语句.html</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<!-- js中的语句 -->
<script type="text/javascript">
/*java中的语句
1 判断
if  else/ switch
2 循环
for / while do / do while
js中的语句(语法种类等都与java的一模一样)
1 判断
if  else/ switch
2 循环
for / while do / do while*/
//----------------------------------------------------------------
function fun1(){
var num1 = 100;
var num2 = 100;
if(num1<num2){
alert("num1小");
}else if(num1==num2){
alert("相等");
}else{
alert("num1大");
}
}
fun1();
//-----------------------------------------------------------------
//从1累加到100
function fun2(){
var count = 0;
for(var i = 1 ; i<=100 ; i++){
count += i;
}
alert(count);
}
fun2();

</script>
</head>

<body>
</body>
</html>

【4】单目运算符和布尔运算符

因为js是弱类型的语言，所以其变量的类型会根据情况来自动改变。+号和-号具有将String类型转换成number类型的作用。除了+/-0和null不能转换成布尔类型，其他都可以进行转换。

<!DOCTYPE html>
<html>
<head>
<title>js的运算符-一元运算符.html</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<!-- js中的语句 -->
<script type="text/javascript">
//java中的单目运算符
var a = -2;
var b = +2;
alert(a);   	  //-2
//--------------------------------------------------------------
var c = "1234";
alert(typeof c);  //String
c = -c;
alert(typeof c);  //number
alert(c);         //-1234
//js是弱类型=>js中的类型会根据需要自动变化.
//上面的例子中因为+是数学运算符.所以需要c是数字类型.js就会自动将c转换为number类型.
//===============================================================================
//java中的布尔运算符
//js会在需要什么类型时,对类型自动进行转换

/*number => boolean     除了+0,-0,NaN  其他都是true.
string => boolean       字符串不为空,那么其他都是true.
null => boolean 		false
undefined => boolean    false
Object   => boolean	    true*/

if("haha"&& new Object()){
alert("true");
}else{
alert("false");
}
</script>
</head>

<body>
</body>
</html>

【5】数学运算符和关系运算符

数学运算符是个很神奇的东西，"1"+1居然是11，而且是String类型，但是减就不一样了，”2“-1转换成字符类型，为1

<!DOCTYPE html>
<html>
<head>
<title>js的运算符-数学运算符.html</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<script type="text/javascript">
//js中的运算符
// 使用+法时, 如果相加的值包含字符串,会自动转换为字符串类型
var a = "1"+1;
alert(a);          // 11
alert(typeof(a));  // String
//其他数学运算符中,字符串会自动转换为数字
var b = "2"-1;
alert(b);          // 1
alert(typeof(b));  // number
//=====================================================================
//关系运算符
alert("2">1);// "2" => 2    //true

alert("aa">"aaa");//字符串的比较规则=>asc码的比对     //true
</script>
</head>

<body>
</body>
</html>

【6】关系运算符

这些比较的运算符有一下和java中的规则是不一样的

<!DOCTYPE html>
<html>
<head>
<title>js的运算符-等性运算符.html</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<script type="text/javascript">
//js中的运算符
// == !=

alert(1 == true);         // true
alert(2==true);           // false
alert(0==false);          // true
alert(0 == null);         // false
alert(null == undefined); //true
alert(NaN == NaN);        // false  凡是NaN<pre name="code" class="javascript"><!DOCTYPE html>
<html>
<head>
<title>js的运算符-三木和赋值运算符.html</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<script type="text/javascript">
//js中的运算符
var a = 100;
var b =20;
alert(a>b?"a厉害":"b厉害");
//=========================================================================
//下面是赋值运算符
var a ="5";
if(a>3){
alert("haha");  // haha
}
alert(typeof a);    // string
</script>
</head>

<body>
</body>
</html>

【7】三目和赋值运算符

三目和java中的相类型，赋值和java中的率为有点不用，这个要注意

<!DOCTYPE html>
<html>
<head>
<title>js的运算符-三木和赋值运算符.html</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<script type="text/javascript">
//js中的运算符
var a = 100;
var b =20;
alert(a>b?"a厉害":"b厉害");
//=========================================================================
//下面是赋值运算符
var a ="5";
if(a>3){
alert("haha");  // haha
}
alert(typeof a);    // string
</script>
</head>

<body>
</body>
</html>

以上就是JavaScript中的一些基本的语法，和java中的语法对比记忆效果会比较好。

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航