JavaScript的语法变量运算符

来源：互联网发布：云计算服务股票编辑：程序博客网时间：2024/05/17 00:50

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;        //numbervar b = 3.14;   //numbervar c = "hello";   //Stringvar d = 'world';   //Stringvar e = true;      //booleanvar f = null;      //objectvar g = undefined; //undefinedvar h ;            //undefinedvar 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/ switch2 循环 for / while do / do whilejs中的语句(语法种类等都与java的一模一样)1 判断 if  else/ switch2 循环 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累加到100function 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);  //Stringc = -c;alert(typeof c);  //numberalert(c);         //-1234//js是弱类型=>js中的类型会根据需要自动变化.//上面的例子中因为+是数学运算符.所以需要c是数字类型.js就会自动将c转换为number类型.//===============================================================================//java中的布尔运算符//js会在需要什么类型时,对类型自动进行转换/*number => boolean     除了+0,-0,NaN  其他都是true.string => boolean       字符串不为空,那么其他都是true.null => boolean falseundefined => boolean    falseObject   => 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);          // 11alert(typeof(a));  // String//其他数学运算符中,字符串会自动转换为数字var b = "2"-1;alert(b);          // 1alert(typeof(b));  // number//=====================================================================//关系运算符alert("2">1);// "2" => 2    //truealert("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);         // truealert(2==true);           // falsealert(0==false);          // truealert(0 == null);         // false alert(null == undefined); //truealert(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中的语法对比记忆效果会比较好。

1 0