javascrtip学习记录

javascrtip学习记录

使用规范

    <script type="text/javascript" src="js01.js"></script>	<!--引入js-->
    <script type="text/javascript">		<!-- 直接写-->
        alert("javascript hello")
    </script>

<!-- 注意不能嵌套使用 -->
<script type="text/javascript" src="js01.js"> alert("javascript hello") </script> <!-- 错误用法-->

javascript 的变量类型

​ 数值型： number

​ 字符型： string

​ 布尔型： boolean

​ 对象型： object

​ 函数型： function

JS中的定义变量格式

​ var变量名：

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

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

    <script type="text/javascript" >
        var i='abc';
        var j=10;
        alert(i * j);//NaN非数值非字符
    </script>

关系（比较）运算

等于： == 等于是简单的做字面值的比较

全等于： === 除了做字面值的比较之外，还会比较两个变量的数据类型

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

逻辑运算

且运算 &&

或运算 ||

取反运算 ！

在JavaScript中所有的变量，后可以做一个boolean类型的变量去使用

0，null，undefined，""(空串)都为false；

    <script type="text/javascript" >
        var a=0;
        if(a){
            alert("0为真")
        }else{
            alert("0为假")        //0为假
        }
    </script>

    <script type="text/javascript" >
        var a="";
        if(a){
            alert("空串为真")
        }else{
            alert("空串为假")        //0为假
        }
    </script>

&&且运算

有两种情况：

一种：当表达式为ture时，返回最后一个表达式的值。

一种：当表达式中，有一个为假的时候，返回第一个为假的表达式的值

    <script type="text/javascript" >
        var a="abc";
        var b=true;
        var c=false;
        var d=null;
        alert( a && b);     //ture
        alert(b && a);      //abc
        alert(a && d);      //null
        alert(a && c);      //false
        alert( a && c && d)     //false
        alert(a && d && c)      //null
    </script>

数组

1.数组的定义方式

var 数组名=[];	//空数组
var 数组名=[1,'abc',true]	//定义数组同时赋值元素

2.数组的使用

只要JavaScript语言中的数组，只要我们通过数组下标赋值，就会自动扩容到最大下表，没有赋值的数组类型为underfined

var a = [];		//定义空数组
a[0]=12;
a[2]=18;
alert(a[0]);    //12
alert(a[1]);    //undefined
alert(a[2]);    //18
for (var i=0;i<a.length;i++){	//数组遍历
	alert(a[i]);
}

函数

1.可以用function关键字定义函数

function 函数名（形参列表）{
    函数体
}

function fun(){      //无参函数无返回值
    alert("11111")
}
fun();      //调用函数
function fun2(a,b){  //有参函数无返回值
    alert("有参函数a= "+a+"b "+b);
}
fun2(10,20)
function sum(num1,num2){
    var res=num1+num2;
    return res;
}
alert(sum(10,30));

2.第二种方式

var 函数名 = functon(形参列表){函数体}

var fun= function(){      //无参函数无返回值
    alert("11111")
}
fun();      //调用函数
var fun2=function(a,b){  //有参函数无返回值
    alert("有参函数a="+a+"b"+b);
}
fun2(10,20)

var fun3=function(num1,num2){
    var res=num1+num2;
    return res;
}
alert(fun3(10,30));

主要：在java中函数可以重载，JavaScript中函数不允许重载，如果重载，会直接覆盖掉上一次的定义

3.函数的arguments隐形参数（只在function函数内）

就是在function函数中不需要定义，但却可以直接用来获取所有参数的变量，我们 管他叫隐形参数

var fun= function(){      //无参函数无返回值
    alert(arguments[0]);     //1
    alert(arguments[1]);     //true
    alert(arguments[2]);     //abc
    alert(arguments.length); //4
    alert(arguments[3])     //100
    alert("11111");
}
fun(1,true,"abc",100);      //调用函数

列：需求 编写一个函数，用于计算所有参数相加的和并返回

function sun(sum1,sum2){
    var res=0;
    for (var i = 0; i < arguments.length; i++) {
        res+=arguments[i];
    }
    return res;
}
alert(sun(1,2,3,4,5,6,7,8,9)); //45

function sun(sum1,sum2){
    var res=0;
    for (var i = 0; i < arguments.length; i++) {
        res+=arguments[i];
    }
    return res;
}
alert(sun(1,2,3,'abc',4,5,6,7,8,9)); //123abc456789

function sun(sum1,sum2){
    var res=0;
    for (var i = 0; i < arguments.length; i++) {
        if(typeof arguments[i]=="number"){
            res+=arguments[i];
        }
    }
    return res;
}
alert(sun(1,2,3,4,'abc',5,6,7,8,9)); //45

JS中的自定义对象

1.Object形式的自定义对象

1.对象的定义

var 变量名 =new Object();	//对象实例
变量名.属性名 = 值;		//定义一个属性
变量名.函数名 = function() //定义一个函数

2.对象的访问

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

例：

var obj=Object();
obj.name="陈"
obj.age=18;
obj.fun=function (){
alert("姓名:"+obj.name+" 年龄："+obj.age);
}
alert(obj.name);    //陈
obj.fun();          //姓名：陈 年龄：18

2.{}的形式定义对象

var 变量名={
    属性名：值，	//注意用“，”隔开不同属性
    属性名：值
    函数名：function(){}	//定义一个函数
}