JavaScript学习笔记之基础篇二

时间:2021-12-08 14:14:35

6、符合类型
 JavaScript中的复合类型大致上有如下三种
 Object:对象
 Array: 数组
 Function:函数
 
 ①对象
 JavaScript的内置类
 Array:数组类
 Date: 日期类
 Error:错误类
 Function:函数类
 Math: 数学类,改对象包含相当多执行数学运算的方法
 Number:数值类
 Object:对象类
 String:字符串类
 
 ②数组
 JavaScript的数组中元素的类型可以不相同。
 数组语法格式:
 var a = [5,6,24];
 var b = [];
 var c = new Array();
 
 ③函数
 
 //无参函数
 function functionName(){
 
 }
 //有参函数
 function functionName(param1,paramm2,param3){
 
 }
 

  function judgeAge(age){
  if( typeof age === "number"){
   // 如果参数值大于60
   if(age > 60){
   alert("老人");
  }
   // 如果参数值大于40
   else  if(age > 40){
   alert("中年人");
  }
   // 如果参数值大于15
   else  if(age > 15){
   alert("青年人");
  }
   // 否则
   else{
   alert("儿童");
  }
 }
  else{
  alert("参数必须为数值");
 }
 }


 JavaScript中的函数与java中的方法有些类似之处,归纳起来主要有如下四点区别:
 ★ JavaScript函数无须声明返回值类型。
 ★ JavaScript函数无须声明形参类型。
 ★ JavaScript中函数可以独立存在,无须属于任何类。
 ★ JavaScript函数必须使用function关键字定义。
 
 
 7、运算符
 
 ①赋值运算符
 JavaScript 使用" = " 作为
 例子:
 //为变量str赋值为"JavaScript"
 var str = "JavaScript";
 //为变量pi赋值为3.14
 var pi = 3.14;
 //为变量visited赋值为 true
 var visited = true;
 
 //将变量str的值付给str2
 var str2 = str;
 
 ②算术运算符

<script type="text/javascript">
var a = 6;
var b = 3;
// + 加分运算符
var sum = a + b;
// - 减法运算符
var sub = a - b;
// * 乘法运算符
var product = a * b;
// / 除法运算符
var div = a / b;
// % 求余运算符
var mod = a % b;
// ++ 自加
// 让a先执行算术运算符,然后自加
var sum2 = a++ *b;
document.write("<br/>sum--" + sum);
document.write("<br/>sub--" + sub);
document.write("<br/>product--" + product);
document.write("<br/>div--" + div);
document.write("<br/>mod--" + mod);
document.write("<br/>sum2--" + sum2 + " a--" + a);
</script>

 结果:
 sum--9
 sub--3
 product--18
 div--2
 mod--0
 sum2--18

 a--7

 

<script type="text/javascript">
// 定义变量a 3.2
var a = 3.2;
// 求 a 的5次方,并将计算结果赋给 b
var b = Math.pow(a , 5);
document.write("<br/>b--" + b);
// 求 a 的平方根,并将计算结果赋给 c
var c = Math.sqrt(a);
document.write("<br/>c--" + c);
// 计算随机数
var d = Math.random();
document.write("<br/>d--" + d);
</script>

 结果:
 b--335.5443200000001
 c--1.7888543819998317
 d--0.321009311825037
 
 ③位运算符
 JavaScript支持的为运算符与java所支持的基本相似,大致如下7个:
 ★ & 按位与。
 ★ | 按位或。
 ★ ~ 按位非。
 ★ ^ 按位异或。
 ★ << 左位移运算符
 ★ >> 右位移运算符
 ★ >>> 无符号右移运算符
 
 ④加强的赋值运算符
 ★ +=  对于 x += y,即对应于 x = x + y
 ★ -=  对于 x -= y,即对应于 x = x - y
 ★ *=  对于 x *= y,即对应于 x = x * y
 ★ /=  对于 x /= y,即对应于 x = x / y
 ★ %=  对于 x %= y,即对应于 x = x % y
 ★ &=  对于 x &= y,即对应于 x = x & y
 ★ |=  对于 x |= y,即对应于 x = x | y
 ★ ^=  对于 x ^= y,即对应于 x = x ^ y
 ★ <<=  对于 x <<= y,即对应于 x = x << y
 ★ >>=  对于 x >>= y,即对应于 x = x >> y
 ★ >>>=  对于 x >>>= y,即对应于 x = x >>> y
 
 ⑤比较运算符
 ★ >    大于,如果前面变量的值大于后面变量的值,返回true
 ★ >=   大于等于,如果前面变量的值大于等于后面变量的值,返回true
 ★ <    小于,如果前面变量的值小于后面变量的值,返回true
 ★ <=   小于等于,如果前面变量的值小于等于后面变量的值,返回true
 ★ !=   不等于,如果前后两个变量的值不相等,返回true
 ★ ==   等于,如果前后两个变量的值相等,返回true
 ★ !==  严格不等于,如果前后两个变量的值不相等,或者数据类型不同,都将返回true
 ★ ==== 严格等于,必须前后两个变量的值相等,数据类型也相等,才会返回true
 
 ⑥逻辑运算符
 ★ && 与,必须前后两个操作数都是true才返回true,否则返回false
 ★ || 或,只要两个操作数中有一个为true,就返回true,否则返回false
 ★ ! 非,只操作一个操作数。如果操作数为true,返回false;如果操作数为false,返回true
 
 ⑦三目运算符

  <script type="text/javascript">
   //   运算出布尔值 ? 真 : 假
  6 > 4 ? document.write("6大于4") : document.write("6小于4");
  
   // 相当于
   if(6 > 4){
    document.write("6大于4");
   }
   else{
    document.write("6小于4");
  }

 </script>

 结果:
 6大于4
 6大于4
 
 ⑧typeof 和 instanceof 运算符
 typeof 运算符用于判断某个变量的数据类型,可以为函数来用,例如typeof(a),可以返回变量a的数据类型;还可以作为一个运算符来用,例如:typeof a,也可以返回变量 a 的数据类型。
 不同类型参数使用typeof运算符的返回值如下:
 undefined 值: undefined
 null 值:object
 布尔型值:boolean
 数字类型值:number
 字符串值:string
 对象:object
 函数:function
 与 typeof 类似的运算符还有 instanceof ,改运算符用于判断某个变量是否为指定类的实例, 如果是,这返回true,否则返回 false。