一.语法基础

1.1 第一个js程序

  1. <body>
  2.   <script>
  3.   //内容
  4.   alert('hello javascript');
  5.   </script>
  6.  </body>

1.2 变量与类型

  1. var v1;
  2. var v2 = 10;
  3. var v1,v2,v3
  5. let s1;
  6. let s2 = 10;
  7. let s1,s2,s3;

let 是ES6 中的语法，1.使用let声明的变量，其作用域为该语句所在的代码块内，不存在变量提升 2.let不允许在相同作用域内，重复声明同一个变量。

1.2.1 数据类型

  • 值类型(基本类型)：字符串（String）、 数字 (Number) 、 布尔 (Boolean)、 空（Null）、 未定义（Undefined）
  • 引用数据类型：对象(Object)、数组(Array)、函数(Function)。
    1. var x1 = 10;
    2. x1 = "hello";
    3. x1 = false;
    这样是被允许的 变量的类型 根据其值的类型 来判断 因为 javascript 是弱类型语言
    1. var age =100;
    2. console.log( typeof age ) // number
    判断变量的类型 用typeof 加 变量名
    如果一个变量 只有声明没有赋值 那么就是 Undefined 类型

1.3 运算符

同JAVA，需要注意的是 javascript 中有 == === 区别，以及自动转换。
=== 表示全等， 类型和值都要相等
会自动根据运算数转换计算， 比如两个字符串可以相减 “88”-“77”。

1.4 流程控制

和java 一样
顺序
根据代码编写顺序依次执行
选择

  • if

  • switch

    循环

  • for()

  • while()

  • do-while()

    1. <script>
    2. var num_2 = Math.random()*100;
    3.       num_2=Math.round(num_2);
    4.       var flag = true;
    5.       let max = 100;
    6.       let min = 0;
    7.       while(flag){
    8.           console.log(num_2);
    9.           var input_num = prompt("请输入一个数(1~100)：");
    10.           input_num = parseInt(input_num);
    12.           if(input_num==num_2){
    13.               document.write("Boom~~~");
    14.               flag=false;
    15.           }else if(input_num>num_2){
    16.               document.write("你输入的数大了，给你一个范围："+min+"~"+input_num);
    17.               max=input_num;
    18.               document.write("<br>");
    19.           }else{
    20.               document.write("你输入的数小了，给你一个范围："+input_num+"~"+max);
    21.               min=input_num;
    22.               document.write("<br>");
    23.           }
    24.       }
    25. </script>

1.5数组

数组的声明与取值 和java类似 

  1. var arr = [1,2,3,4,5]
  3. arr[0]
  6. //遍历
  7. for(var i=0; i< arr.length; i++){
  8.    console.log( arr[i] );
  9. }

数组可以直接存对象

  1. let arr=[{name:"王宝强",age:20,job:"演员"},{name:"刘德华",age:30,job:"演员"},{name:"何炅",age:40,job:"主持人"}];
  3. for (var i = 0; i < arr.length; i++) {
  4.   console.log("名字"+arr[i].name+"职业"+arr[i].job);
  5. }

数组的一些方法