JavaScript基本操作

JavaScript基本操作

1.运算符

运算符	描述	例子	x结果	n结果
+	加法	x = n + 2	7	5
-	减法	x = n - 2	3	5
*	乘法	x = n * 2	10	5
/	除法	x = n / 2	2.5	5
%	取模(余数)	x = n % 2	1	5
++	自增	x = ++n	6	6
		x=n++	5	6
--	自减	x=n--	4	5
		x--n	4	5

2.分支结构

• if语句

  // if 语句的基础语法: 
  
  if (条件){
      代码块
  };
  
  // 条件结果为true时,会执行代码块,否则则不执行
  
  // 0 | undefined | null | "" | NaN 为false,其他都为true

  // if 语句复杂语法:
  
  if (条件1){
      代码块1;
  } else {
      代码块2;
  }
  
  
  if (条件1){
      代码块1
  } 
  ...
  else if (条件2){
      代码块2;
  } else{
      代码块3;
  }

  // if嵌套
  
  if (条件1){
      if (条件2){
          代码块
      };
  }

• switch

  switch (表达式){
      case 值1: 代码1;break;
      case 值2: 代码2;break;
      default: 代码3;
  }
  
  // 1.表达式可以为整数表达式 or 字符串表达式
  
  // 2.值可以为 Int or string
  
  // 3.break 可以省略(省略时,匹配成功的值下面所有的代码块都会执行。)
  
  // 4.default为默认代码块,需要出现在所有case最下方,在所有case均未被匹配时执行

3.循环结构

• for循环

  // for 语句结构:
  
  for (循环变量1;条件表达式2;循序变量增量3){
      代码块4;
  }
  
  // 1. 循环变量可以在外声明,也可以在内声明
  
  // 2.执行逻辑：1->2->4->3 ... 2->4->3 -> 2,循环出口为2,243出现的次数为循环数
  
  // eg:
  
  for (i = 0; i < 5; i++){
      console.log(i)
  }

• while循环

  // while 语句结构:
  
  while (条件){
      code;
  }
  
  // eg:
  
  var count = 0;
  
  while (count < 5){
      console.log('hello world');
      count++
  }
  
  // 注意: while ()中只能写一个表达式,for ()可以写3个表达式

• do...while循环

  do{
      code
  } while (条件表达式)
  
  // eg:
  
  var num = 0;
  do{
      console.log('hello world');
      num++
  } while (num<5)
  
  // 无论条件是否满足，都会先执行一次do下面的code,while条件满足时,返回循环体

• for...in循环

  obj = {"name" : "aaa","age":18}
  for (k in obj) {
      console.log(k,obj[k])
  }
  
  // 用于遍历对象:遍历的结果为key,通过 [] 语法访问对应的value

• for ... of循环

  iter = ['a','b','c']
  for (i of iter){
      console.log(iter[i])
  }
  
  // 1.用于遍历可迭代对象:遍历结果为index,通过 [] 语法访问对应的value
  
  // 2.ES 6新增,可迭代对象: 字符串,数组,Map,Set,Anguments,NoldeList等。

4.异常处理

try{
    code
} catch(error){
    异常时运行的code
} finally{
    不管有没有异常都会运行的code
}

// 1.error 为存储错误信息的变量

// 2.finally 分支在异常出现与否都会被执行

throw "自定义异常"

// 必要的时候抛出自定义异常,要结合对应的try...catch使用。

5.函数初级

• 函数的定义

  // es 5
  
  function 函数名(参数){
      code
  };
  
  var 函数名 = function (参数){
      code
  };
  
  
  // es 6
  
  let 函数名 = (参数列表)=>{
      code
  };

• 匿名函数

  // 匿名函数格式
  
  function (参数){
      code
  };
  
  
  // 匿名函数自调用
  
  (function (形参){code})(实参)
  
  
  // eg:
  (function (){
      var num = 10;
      console.log(num);
  })()

• 函数的调用

  和python中函数调用相同 （函数名+参数）

• 函数的参数

  // 1.参数的个数不需要统一
  
  // eg1:
  function fn1(a,b,c){
      console.log(a,b,c)
  }
  
  fn1(100)  // result: 100 undefined undefined
  
  // eg2:
  function fn2(a){
      console.log(a)
  };
  fn2(100,200,300) // result:100  ; 200 and 300 没有作用
  
  
  
  // 2.可以任意位置有默认值
  
  //eg1:
  function fn3(a,b=20,c,d=40){
      console.log(a,b,c,d)
  };
  fn3(100,200)      // result: 100,200,undefined,40
  
  // 有默认也相当于位置参数,和python中的关键字参数不同
  
  // 传值的时候完全用位置传参来传
  
  
  
  // 3.通过...语法接收多个值
  function fn4(a,...b){
      console.log(a,b)
  }
  fn4(100,200,300,400)  // result:100 [200,300,400]
  
  // ...b必须出现在参数列表的最后面

• 返回值

  // 基本语法结构
  
  function fn5(){
      return 值;
  }
  
  // 1.可以空 return,用来结束函数(和python中类似)
  
  // 2.返回值可以为任意js类型数据
  
  // 3.函数最多只能拥有一个返回值,多个时用[a,b,c]形式

转载于:https://www.cnblogs.com/oden/p/10145892.html