JavaScript （2）

1.JavaScript 对象

对象由花括号分隔。在括号内部，对象的属性以名称和值对的形式 (name : value) 来定义。属性由逗号分隔。

var person={firstname:"John", lastname:"Doe", id:5566};

上面例子中的对象 (person) 有三个属性：firstname、lastname 以及 id。

空格和折行无关紧要。声明可横跨多行。

对象属性有两种调用方式。

name=person.lastname;
name=person["lastname"];

2.JavaScript 数组

什么是数组?

不同类型的数据，按照顺序，组成的引用数据类型。

数组作用？

可以通过一个变量保存一组不同类型的数据

如何创建数组？

1.new Array()

var  arr1=new Array(); //空数组

var  arr01=new Array(3); //创建指定初始存储空间的空数组

2.通过“[]”表示数组

var  arr2=[]; //空数组

数组如何保存数据值?

1.通过下标逐个赋值

下标表示数据在数组中的位置，从0开始

var  arr11=new Array(); //空数组

arr11[0]=1001;

arr11[1]="zhangsan";

arr11[2]=23;

            

 var  arr22=[];

arr22[0]=1004;

arr22[1]="zhaoliu";

arr22[2]=26;

2.创建时直接赋值

 var  arr12=new Array(1002,"lisi",24);

var  arr13=[1003,"wangwu",25];

从数组中取出对应位置【下标】的数据

 alert(arr22[1]);

3.JavaScript 函数

什么是JavaScript 函数

某个功能具体执行代码的集合--函数

JavaScript 函数的作用？

封装某个功能的执行代码

 如何创建函数？

通过function关键字来创建

格式:

           function 函数名称(参数列表){

                函数体

                [return xxxx;]

           }

function--创建函数的关键字

函数名称---首字母小写，从第二个单词开始首字母大写

(参数列表) 参数---接收函数之外的数据值进入函数中参加运算活动【找帮手】

可以有多个，中间","分割，是一个变量没有，无需var定义。

{}函数体--编写具体执行代码。

[return xxxx;]---可选，表示返回函数的执行结果

当函数有执行结果的时候，函数体中的最后一句话一定是return xxxx;

当函数没有执行结果的时候，不用写return xxxx;

函数的调用

要什么，给什么;给什么，收什么。

test1();

test2("zhangsan");

 var res=test6(1001,"zhangsan");

4.认识JavaScript对象

什么是对象?

描述一类具体事物的引用数据类型 -- 对象

为什么需要对象类型？

因为javascript中的数据类型，在使用的时候可能不够用，我们需要自己定义创建一种新的类型。

如何创建对象类型？

创建对象的方式有多种，我们今天介绍通过字面量方式创建对象

通过字面量方式创建对象需要使用"{}"

对象中有那些元素？

属性---变量,功能----方法

属性是一个键值对的形式 (name : value) 来定义

如果有多个使用“,”分割

方法是一个函数

       var car={
                name:"bmw",
                color:"白色",
                run:function(){
                    alert("前进");
                },
                carback:function(){
                    alert("后退");
                }
            }

name/color是对象的属性，run/carback是对象的方法

对象访问属性

1.对象名称.属性名称

            alert(car.name);

2.对象名称["属性名称"]

            alert(car["color"]);

对象访问方法

[var 变量=]对象名称.方法名称([参数列表]);

            car.run();

            car.carback();

5.关于变量的划分

JavaScript 变量的分类

        1.全局 JavaScript 变量

         在函数外声明的变量是全局变量

         网页上的所有脚本和函数都能访问它。

         全局变量会在页面关闭后被删除。

         var  testname="测试全局变量";  //全局 JavaScript 变量

       2.局部 JavaScript 变量

         在 JavaScript 函数内部声明的变量（使用 var）是局部变量,包含函数的参数

         只能在当前函数中使用，超出当前函数就无法使用

        只要函数运行完毕，本地变量就会被删除。

        未定义的变量赋值以后就是该变量将被自动作为 window 的一个属性

         window是javascript中的一个内置对象

        我们可以认为 全局 JavaScript 变量是属性window对象

        函数中的变量，没有使用var定义的时候就是全局变量,在使用之前重新赋值。

function  test1(){
                var  name="zhangsan" ; //局部 JavaScript 变量
                address="西安"; //全局变量
                alert(window.testname); //访问全局变量
                alert(testname); //访问全局变量
                alert(address);
            }
           
            function test(){
                address="北京";
                //alert(testname);//访问全局变量
                alert(address);//访问全局变量
            }
           
            test();

 6.JavaScript 作用域

        

变量，对象，函数的有效访问范围--就是作用域。

JavaScript 局部作用域

变量在函数内声明，变量为局部作用域。

局部变量：只能在函数内部访问。

因为局部变量只作用于函数内，所以不同的函数可以使用相同名称的变量。

局部变量在函数开始执行时创建，函数执行完后局部变量会自动销毁。

JavaScript 全局变量

变量在函数外定义，即为全局变量。

全局变量有 全局作用域: 网页中所有脚本和函数均可使用。 

函数参数

函数参数只在函数内起作用，是局部变量。

HTML 中的全局变量

在 HTML 中, 全局变量是 window 对象: 所有数据变量都属于 window 对象。

7.JavaScript 运算符

JavaScript 算术运算符 [+  -  *  /  %  ++  --]

+ 运算符用于把文本值或字符串变量加起来（连接起来）。

如需把两个或多个字符串变量连接起来，请使用 + 运算符。

两个数字相加，返回数字相加的和，如果数字与字符串相加，返回字符串.

JavaScript比较运算符 [>  <  >=  <=  ==  ===  !=]

比较运算符在逻辑语句中使用，以测定变量或值是否相等。

可以在条件语句中使用比较运算符对值进行比较，然后根据结果来采取行动.后面内容中介绍。

JavaScrip逻辑运算符 [||  &&  !]

逻辑运算符用于测定变量或值之间的逻辑。

JavaScrip条件运算符 

JavaScript 还包含了基于某些条件对变量进行赋值的条件运算符。

格式:  var  res=(condition)?value1:value2;

typeof 操作符

typeof 操作符来检测变量的数据类型