JavaScript 变量使用，函数定义

JavaScript 变量使用，函数定义

 

1、js引用

2、变量

3、关系运算

4、逻辑运算

5、数组的定义方式

6、函数的定义

7、js不允许函数 重载

8、函数的arguments隐形参数

9、js中自定义对象----Object形式自定义，{}形式自定义

1、js引用

现在需要使用script引入外部的js文件来执行
    src属性专门用来引入js文件路径（可以是相对路径，也可以是绝对路径）

    script 标签可以用来定义js代码啊，也可以用来引入js文件
    但是，两个功能只能二选一使用，不能同时使用两个功能

<script type="text/javascript" src="01.js"></script>
    <script type="text/javascript">
        alert("现在正在学习js!!")
    </script>

alert("1123 Hello JavaScript！")

2、js变量

js的变量类型
    数值类型    number
    字符串类型   string
    对象类型    object
    布尔类型    boolean
    函数类型    function

    js中特殊的值
        undefined   未定义，所有js变量未赋予初始值的时候，默认值都是undefined
        null    空值
        NAN     全称是：Not a Number。非数字，非数值

    js中定义变量的格式：
        var 变量名;
        var 变量名 = 值;

 

 <script type="text/javascript">
        var i;
        alert(i);   //undefined
        i = 12;
        //typeof()是javascript语言提供的一个函数，
        //它可以取变量的数据类型返回
        alert(i);   //12
        alert(typeof (i));  //number

        var a = 12;
        var b = "abc";
        alert(a*b);     //NAN

    </script>

3、js关系运算

关系（比较）运算
   等于： ==      等于是简单的做自字面值的比较
   全等于：===     除了做字面的比较之外，还会比较两个变量的数据类型

 <script type="text/javascript">
        var a = "12";
        var b = 12;
        alert(a==b);    //true
        alert(a===b);   //false

        //逻辑运算
        // var a = 0;
        // if(a){
        //     alert("零为真")
        // }else{
        //     alert("零为假")
        // }
        var b = null;
        if(b){
            alert("null is true")
        }else{
            alert("null is false");
        }   //null is false
    </script>

 4、js逻辑运算

逻辑运算
     且运算：  &&
         两种情况：
             1、当表达式全为真的时候，返回最后一个表达式的值
             2、当表达式中，有一个为假的时候，返回第一个为假的表达式的值
     或运算： ||
         1、当表达式全为假时，返回最后一个表达式的值
         2、只要有一个表达式为真，就是返回第一个为真的表达式的值
     取反运算： ！

在javascript语言中，所有的变量，都可以作为一个boolean类型变量去使用
     0、null、undefined、“”（空串）都认为是 false

 

<script type="text/javascript">
        var a = "abc";
        var b = true;
        var d = false;
        var c = null;

        // alert(a && b );     //true
        // alert(b && a);      //abc
        // alert(a && d);      //false
        // alert(a && c && d);      //null

        alert(c || d);   //false
        alert(d || c);   //null

        alert(a || c);   //abc

    </script>

 5、js数组的定义方式

js 中数组的定义：
   格式：
   var 数组名 = [] //空数组
   var 数组名 = [1,'abc',true] //定义数组同时赋值元素

 js语言中的数组，只要我们通过数组下标赋值，就是自动的给数组做扩容操作

<script type="text/javascript">
        var arr = [];   //定义一个空数组
        var arr2 = [true,1];
        //alert(arr.length);  //0
        arr[0] = 12;
        //alert(arr[0]);  //12
        arr[2] = 'abc';
        // alert(arr.length);  //3
        for(var i=0;i<arr.length;i++){
            alert(arr[i]);  //12 undefined abc
        }

    </script>

 6、js函数的定义

函数的两种定义方式：
    第一种：可以使用function关键字来定义函数
        使用的格式如下：
            function 函数名(形参列表){
                函数体
            }
     第二种：
        var 函数名 = function(形参列表){函数体}

 

<script type="text/javascript">
        //无参函数
        function fun() {
            alert("无参函数fun()被调用")
        }
        //函数调用===>才会执行
        fun();
        function fun2(a,b) {
            alert("有参函数")
        }
        fun2(12,'abc');
        function sum(num1,num2) {
            var res = num1 + num2;
            return res;
        }
        alert(sum(100,200))

        //函数的第2种定义方式
        var fun = function () {
            alert("无参函数")
        }
        fun();
        var fun2 = function (a,b) {
            alert("有参函数a=" + a +",b=" + b);
        }
        fun2(3,4);
        var fun3 = function (num1,num2) {
            return num1+num2;
        }
        alert(fun3(5,8));
    </script>

7、js不允许函数重载

 <script>
        function fun() {
            alert("无参函数fun()")
        }

        function fun(a,b) {
            alert("有参函数fun(a,b)");
        }

        fun();

    </script>

8、函数的arguments隐形参数 

 

函数的 arguments 隐形参数(只在function  函数内)

就是在function 函数中不需要定义，却可以直接用来获取所有参数的变量。我们管他叫隐形参数
隐形参数特别像 java基础的可变长参数一样
public void fun(Object...args)；
可变长参数其他是一个数组

那么js中的隐形参数也跟java的可变长参数一样。操作类似数组

 <script type="text/javascript">
        function fun() {
            //alert(arguments.length);    //可看参数个数  3
            //alert(arguments[0]);  //1
            for(var i=0;i<arguments.length;i++){
                alert(arguments[i]);    //1 ad true
            }
        }
        //fun(1,'ad',true)

        //需求：要求 编写一个函数，用于计算所有参数想加的和并返回
        function sum(num1,num2) {
            var res = 0;
            for(var i=0;i<arguments.length;i++){
                if(typeof (arguments[i]) == "number"){  //判断类型是否为数字型
                    res += arguments[i];
                }
            }
            return res;
        }
        alert(sum(1,2,3,4,"abc",5,6,7,8,9,10));
    </script>

9、js中自定义对象

    （1）Object 形式的自定义对象

           对象的定义： var 变量名 = new Object(); //对象实例（空对象）

             变量名.属性名 = 值 //定义一个属性

             变量名.函数名 = function(){} //定义一个函数

         对象的访问：

           变量名.属性 / 函数名()

    （2）{}括号形式的自定义对象

                对象的定义：

                  var 变量名 = {                      //空对象

                          属性名 ：值, //定义一个属性

                          属性名 ：值 //定义一个属性

                          函数名 ： function(){} //定义一个函数

                 };

           对象的防问：

                 变量名.属性 / 函数名（）

<script type="text/javascript">
        /*Object 形式的自定义对象
        对象的定义：
            var 变量名 = new Object(); //对象实例（空对象）
        变量名.属性名 = 值     //定义一个属性
        变量名.函数名 = function(){}  //定义一个函数

        对象的访问：
            变量名.属性 / 函数名()*/

        var obj = new Object();
        obj.name = "三毛";
        obj.age = 18;
        obj.fun = function () {
            alert("姓名：" + this.name + ",年龄：" + this.age);
        }
        //alert(obj.name)
        //alert(obj.fun())
        /*
          {}括号形式的自定义对象
              对象的定义：
               var 变量名 = {        //空对象
                   属性名 ：值,      //定义一个属性
                   属性名 ：值      //定义一个属性
                   函数名 ： function(){}  //定义一个函数
               };
            对象的防问：
               变量名.属性 / 函数名（）*/

        var obj = {
            name:"大熊",
            age:18,
            fun:function () {
                alert("姓名：" + this.name + ",年龄：" + this.age);
            }
        };
        alert(obj.name);
        obj.fun();
    </script>