java开发实战(第六天)

  1. 1. JAVASCRIPT
    1. 1.1. 特点
    2. 1.2. 变量
    3. 1.3. 特殊值
    4. 1.4. 关系运算
    5. 1.5. 逻辑运算
  2. 2. html
  3. 3. js
    1. 3.1. 逻辑基础
    2. 3.2. 函数
    3. 3.3. js自定义对象
      1. 3.3.1. 大括号形函数

JAVASCRIPT

特点

  1. 交互性
  2. 安全性
  3. 跨平台性
    js是弱类型 java是强类型

    变量

    1
    2
    3
    4
    5
    数值类型 number
    字符串类型 string
    对象类型 object
    布尔类型 boolean
    函数类型 function

    特殊值

    1
    2
    3
    undefined 未定义默认值
    null 空值
    nan 非数字 非数值

    关系运算

    1
    2
    ==  相等
    === 全等

    逻辑运算

    在javascript,所有的变量可以当做弱变量使用
    1
    2
    && 与 表达式全为真时,返回最后一个表达式 有一个为假时,返回第一个为假的表达式的值
    || 或 表达式全为假时,返回最后一个表达式 只有有一个为真 返回第一个为真的表达式的值

    html

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JS函数案例</title>
    <!--引入外部的执行文件-->
    <script type="text/javascript" src="../js/1.js">
    //alert("hello javascript")
    </script>
    <script type="text/javascript">alert("over")</script><!--按顺序执行-->
    </head>
    <body>

    </body>
    </html>

    js

    逻辑基础

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    /*
    alert("hello javascript")//输出
    var i;
    alert(i);
    a=12;
    alert(a);
    alert(typeof(a));//typeof输出类型函数
    b="ava";
    alert(b);
    alert(typeof(b));//typeof输出类型函数
    alert(a*b);//typeof输出类型函数
    alert(typeof(a*b));//typeof输出类型函数
    var c ="20";
    var d =20;
    alert(c==d);
    alert(c===d);

    var h = 0;
    if(h){
    alert("零为真");
    }
    else{
    alert("零为假");
    }
    var d = null;
    if(d){
    alert("null为真");
    }
    else{
    alert("null为假");
    }
    var e = "";
    if(e){
    alert("空串为真");
    }
    else{
    alert("空串为假");
    }
    var a = "abc";
    var b = true;
    var d = false;
    var c = null;
    alert(a && b);
    alert(b && b);
    alert(b && d);
    alert(a && c);
    alert(a && b && c);
    alert(a || c)
    */
    var arr =[1,2,0.1,4];
    alert(arr.length);
    alert(arr[2]);
    alert(arr[1]);
    arr[4]="av";
    alert([arr[4]]);// js通过数组下标赋值为数组扩容
    for(var i = 0; i<arr.length;i++)
    {
    alert(arr[i]);
    }

    函数

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    /*function first(){//函数定义
    alert("无参函数")
    }
    first();//无参函数调用
    function scound(i)
    {
    i=++i;
    alert(i);
    i++;
    return i;//函数体内return值
    }
    alert(scound(3));

    var thrid = function(a,b)
    {
    alert(a+b);
    return a+b+1;

    }
    thrid(1,2);
    alert(thrid(5,6));
    //js没有java的重载
    */

    js自定义对象

    object形式的自定义对象
    对象的定义:
    var 变量名 = new object();//对象实例(空对象)
    变量名.属性名=值; //定义一个属性
    变量名.函数名=function(){}//定义一个函数
    对象的访问:
    变量名.属性 //函数名();
    1
    2
    3
    4
    5
    6
    7
    8
    9
    var obj = new Object();
    alert(typeof(obj));
    obj.name="白白"
    obj.age=21;
    obj.fun = function(){
    alert("姓名:"+this.name+",年龄:"+this.age)
    }
    alert(obj.name);
    obj.fun();

    大括号形函数

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    var obj={
    age: 18,
    name: "233",
    fun: function()
    {
    alert("姓名:"+this.name+",年龄:"+this.age)
    }
    };
    alert(obj.name);
    obj.fun();
    //java对象