Javascript 语言基础3（作用域、事件、算术运算符、逻辑运算符）

• JAVASCRIPT 作用域
  
  1.参数的作用域
  一个参数的作用域就在这个函数内部，超出函数就看不见该参数了
  

  <script>
   
  function f1(a){
     document.write('参数的作用域在函数以内，其值是 '+a);//参数a的作用范围，所以打印出来是5；
  }
   
  function f2(){
     document.write('在函数里不能访问其他函数的参数'+a); //不在参数a的作用范围，是一个未声明的变量，无法打印
  }
   
  f1(5);
  f2();
  document.write('在函数外也不能访问'+a);//也不在参数a的作用范围，是一个未声明的变量，无法打印
   
  </script>

  
  2.全局变量的作用域
  

  <script>
  var a = 0; //定义在函数前面，即全局变量，所有函数都可以访问
   
  function f1(){
    document.write('通过函数f1 设置全局变量a的值 为 5');
    a = 5; //能够访问
  }
   
  function f2(){
    document.write('通过函数f2 访问并打印全局变量a的值 '+a); //能够访问
  }
   
  f1(); //通过f1，设置a的值
  document.write('<br>');
  f2(); //通过f2,  打印a的值
  </script>

• JAVASCRIPT 事件
  
  事件是javascript允许html与用户交互的行为。 用户任何对网页的操作，都会产生一个事件。 
  事件有很多种，比如鼠标移动，鼠标点击，键盘点击等等。 
  本例演示当一个按钮被点击的时候，弹出一个对话框 
  更多的事件，请参考HTML DOM 的事件
  
  1.鼠标点击事件
  首先定义一个函数 showHello，被调用的时候，弹出一个对话框"Hello JavaScript";
  接着准备一个button元素,在button元素上增加一个属性
  property是onclick,表示点击的时候触发
  value是showHello()，调用showHello()函数
  

  <script>
  function showHello(){
     alert("Hello JavaScript");
  }
  </script>
   
  <button οnclick="showHello()">点击一下</button>

• JAVASCRIPT 算数运算符
  
  
  1.基本算数运算符
  基本算数运算符和小学中学习的没有任何区别 
  + - * / %（取余数）
  

  <script>
  function p(s){
   document.write(s);
   document.write("<br>");
  }
   
  p("1+2="+ (1+2));
  p("5-3="+ (5-3));
  p("3*2="+ (3*2));
  p("9/3="+ (9/3));
  p("10%3="+ (10%3));
   
  </script>

  
  2.自增，自减运算符
  自增++在原来的基础上 ，增加 1. 
  需要注意的是 
  如果 ++放在 前面 ，就是 先运算，后取值 。 
  如果 ++放在 后面 ，就是 先取值，后运算。 
  自减 -- 是一个道理。
  

  <script>
   
  var a = 5;
  document.write('a++ 是先取值，再运算，所以打印出来是：'+a++); //先取值 ，即5
   
  document.write("<br>");
  var b = 5;
  document.write('++b 是先运算，再取值，所以打印出来是：'+ ++b); //先运算，再取值，即6
   
  </script>

  
  3.赋值运算符
  =，+=，-=，*=，/=，%= 
  x=5 是 最基本的赋值运算符，即把右边的值，赋给左边的变量x。 
  x+=y, 表示 x=x+y。 
  其他都是一个道理。
  

  <script>
     x = 5;
     x+= 6;
     document.write('x+=6就是 x=x+6的意思，所以最后的值就等于: '+x);
  </script>

  
  4.+运算符的多态
  + 具备多态特征 
  当两边都是数字的时候 ，表现为算数运算符 
  当任意一边是字符串的时候，表现为字符串连接符
  

  <script>
  document.write('当+两边都是数字的时候，+就是加法运算符，所以1+2='+(1+2));
  document.write("<br>");
  document.write('当+任意一边是字符串的时候，+就是字符串连接符，所以1+\"2\"='+ (1+"2"));
  </script>
  

• JAVASCRIPT 逻辑运算符
  
  1.基本逻辑运算符
  基本逻辑运算符 包含如下 ： 
  == 
  != 
  > 
  >= 
  返回一个Boolean类型的值，true或者false
  

  <script>
  function p(s){
    document.write(s);
    document.write("<br>");
  }
   
  p("1==2: "+(1==2));
  p("1!=2: "+(1!=2));
  p("1>2: "+(1>2));
  p("1<2: "+(1<2));
  p("1>=2: "+(1>=2));
   
  </script>

• 绝对等，绝对不等于
  与==进行值是否相等的判断不同 ，绝对等 ===还会进行 类型的判断
  比如 数字1和 字符串'1'比较，值是相等的，但是类型不同
  所以==会返回true,但是===会返回false
  绝对不等于!== 与上是一个道理
  

  <script>
  function p(s){
    document.write(s);
    document.write("<br>");
  }
   
  p("1=='1': "+(1=='1'));
  p("1==='1': "+(1==='1'));
   
  </script>
  

• 三相运算符
  三相运算符 ?: 有三个操作数 
  如果第一个返回true,就返回第二个操作符 
  否则就返回第三个操作符。
  

  <script>
   
  var age = 15;
   
  var movie = age<18?"卡通":"你懂的";
   
  document.write('使用?: 三相运算法进行判断。 <br>');
  document.write('age<18?"卡通":"你懂的" <br>表示当年纪小于18的时候，就看卡通，否则就看 你懂得<br>');
   
  document.write('而age变量的值是15，所以返回 '+movie);
   
  </script>