播客2014java培训基础就业班3javascript

1、JavaScript一、javascript的个人理解 Javascript是一门脚本语言，主要是用来让用户和网页进行动态交互的一门技术。其技术既可以说是建立在HTML技术之上的也可以理解成是独立存在的一个模块。Javascript在HTML中存在位置是不固定的，但是不能存在之间，我们正常时放在head 之间的，但是如果内容足够多的话，最好放在文件的末尾处。不然加载过慢，会影响整个程序的运行。JavaScript 被数百万计的网页用来改进设计、验证表单、检测浏览器、创建cookies，以及更多的应用。Javascript 的具体内部实现：最主要的就是函数的使用；Javascript内部的jav

2、ascript语句可以封装起来，方便美化界面；Javascript内部也有类的使用；JavaScript中的数组比java中的数组更好使用；二、javascript简介2.1、应用场合JavaScript 被数百万计的网页用来改进设计、验证表单、检测浏览器、创建cookies，以及更多的应用。2.2、概念理解1、JavaScript 是一种脚本语言（脚本语言是一种轻量级的编程语言）。2、JavaScript 被设计用来向 HTML 页面添加交互行为。3、JavaScript 是一种解释性语言（就是说，代码执行不进行预编译）。 4、javascript免费的，开源技术5、前期叫ECMAScrip

3、t三、javascript的使用3.1、书写格式alert(hello world);Javascript可存在程序中的任何位置（不包含title内），建议放在head内部，但是如果javascript内容多的话，最好放在程序尾部，不然会影响加载的速度。此上的小块代码能够实现在页面的窗口中弹出提示对话框。doucumen.write(“ ”); /实现在页面内显示数据3.2、js与html的融合3.2.1、第一种alert(hello world);最原始的使用。3.2.2、第二种把js代码封装到单独的.js文件中引入外部文件的script标签内不要再写其他js代码了,会被覆盖.注意:外部.j

4、s文件的编码格式要与引入该文件的html页面一致.3.2.3、第三种写在a标签中 /下划线3.3、变量提示：javascript是弱类型语言，java是强类型语言；1、变量的类型由具体的值来决定例：var a=hello; /这里生命的就是一个String类型的数据。（字符串）注意：javascript内部没有字符串和字符之分，也没有单引号和双引号之分；2.只声明了没赋值,值undefinedvar b;alert(b);/undefined3.没声明,直接赋值name=zs;4.没声明也没赋值这个会报错.3.4、数据类型3.4.1、基础数据类型：number(数字),string(字符串),

5、boolean(布尔值),null,undefined1、number(数字),特殊值NaN,非法数字 3*a=NaN2、string(字符串),js中没有字符的概念, hello world3、boolean(布尔值),除了true,false以外其他类型的值也可以表示真假,false,0,null,undefined,NaN,表示假,其他的都表示真if(false)真if(false=true)假if(undefined=null)真,bug4、undefined本身是数据类型,而这个数据类型有一个唯一的值是undefinedundefined:表示未定义的.未指定的.var name;1

6、.当我们通过var声明变量,却没有赋值,那么这个变量的值就是undefined2.js中所有的函数都有返回值,如果你没有通过renturn明确返回什么,那么函数的默认返回undefined.3.当我们访问了对象不存在的属性时,那么值也是undefined.5、null本身是数据类型,而这个数据类型有一个唯一的值是null表示一个无效的对象var o=null;/处于代码的可读性,用来表示自己的编码水平比较高.3.4.2、引用数据类型:object,function3.5、运算符3.5.1、算术运算符：+ - * / %1、+ :有两个意义, 1.表示算术运算符表示求和, 其中null=0,fa

7、lse=0,true=1. 2.字符串连接符 当左右两边有一个是字符串的时候,立刻变身为字符串连接符,反之就是运算符3.5.2、逻辑运算符 & | ！1、&js中与预算的过程中是在努力寻找表示假的值,找到了就表示条件不成立他会把第一个表示假的值作为返回值返回,如果说找不到,那么就把最后一个参与与运算的值返回.2、| 机制与&相反js中与预算的过程中是在努力寻找表示真的值,找到了就表示条件成立他会把第一个表示真的值作为返回值返回,如果说找不到,那么就把最后一个参与与运算的值返回.3、!任何类型的值,只要在前面加上两个!就可以把这个值转换为同立场的布尔类型的值alert(!false);/true

8、注意是布尔类型的tru4、typeof:用来判断一个值是数据哪种类型的,返回的是数据类型的名称 字符串.其中null数据类型比较特殊 typeof null的结果是object,js的历史bug5、instanceof:用来判断一个值是否是某个类的实例,结果是布尔类型的值var d=new Date(); /alert(typeof d);/object alert(d instanceof Date);/true3.6、语句3.6.1、if语句：条件语句把值放在前面,把变量放在后面3.6.2、for语句：循环语句注意不要用int声明3.6.3、while语句:循环.while(i10);千万

9、不要加会造成死循环. ?为什么？3.7、函数3.7.1、函数的作用1、可以控制代码的执行时机2、可以对代码进行封装,反复调用.3.7.2、函数的定义、第一种方式关键字function 函数名(参数名)js代码.return 返回值./有需要的时候明确指定返回值.、第二种方式通过匿名函数来定义.匿名函数本身就是一个值.在内存中对应一个对象.var myfn=function()alert(hello);、第三种方式var myFn=new Function(参数名,参数名1,函数体中的可执行代码);var myFn=new Function(a,b,al

10、ert(a+b););myFn(1,2);/弹出、函数特点:1、js中的函数是可变参的.2、函数名称相当于变量,声明了同名的函数相当于对函数名称重新赋值.而这个值就是函数在内存中所对应的地址.3.8、全局变量局部变量3.8.1、全局变量在script标签内定义,在函数外定义的变量都是全局变量在函数内如果直接给一个没有声明的变量赋值,该变量是全局变量.注意：单一页面中,多个script标签在内存中是一片区域.3.8.2、局部变量在函数内通过var声明的变量是局部变量.3.9、数组3.9.1、数组定义var arr=new Array();/定义了一个数组var arr1=;注意：j

11、s中数组是程序员唯一可以用来装数据的容器.3.9.2、数组特性: 1.可以跨越下标赋值,被跨越的部分值是undefined 2.同一个数组可以装载不同类型的值arr15=true; arr110=13; 3.可以通过length直接更改数组的长度.length=0相当于清除数组. 4.数组是可变长的. 5.var arrNumbers=new Array(2);/只有一个数字表示数组长度,一定要是整数,小数报错3.9.3、数组常用方法1、push：向结尾处添加一个或多个元素;var arrString=; arrString.push(hello); arrString.push(world)

12、;2、join:将数组中的元素拼接成字符串alert(arrString.join( );/join方法可以指定连接符号,默认情况下是,join：相当于java中的StringBuider.的实例的toString方法.3.10、面向对象js是一门基于对象的语言,同时他也是一门面向对象的语言.3.10.1、类类就是一个函数,当函数用来创建对象时他的作用发生了变化,称之为类function Person() 3.10.2、创建对象var p=new Person();3.10.3、扩展属性和方法对象.属性名=属性值对象属性名=属性值=张三;/给对象扩展姓名属性page=18;/给对象扩展年龄属性.p.eat=function() /当一个对象的属性值是一个函数的时候那么这个属性就称之为该对象的方法. alert(在不停的吃);3.10.4、构造函数1、js中类本身就是构造函数.2、每个对象都有一个constructor属性,表示该对象的构造函数3、通过构造函数创建对象以后,对象依然可以自行的扩展属性和方法.4、js中的每一个函数内部都有一个this,this表示当前对象(谁调用我就是谁).3.11、prototype通过function对象pro