韩顺平javascript笔记全套解析Word格式.docx

1、script type=”text/javascript”*/noscript是一种防御性编码，如果用户的浏览器不支持javascript或者是设置过高的安全级别，那么就会显示出相应的提示洗洗，避免了在用户不知情下停止运行或者的都错误结果。* （2） 在javascript中用分号表示一个语句的结束（3） Javascript是弱类型语言。什么叫做弱类型语言。在强类型语言中，使用变量之前，必须先声明变量的类型，才能使用。而javascript则不需要这样使用。5. 案例1：你的第一个程序，javascript高手都是从这里开始的，这个程序完成一个非常简单功能，在网页中弹出一个对话框，显示“he

2、llo world！”（1） js的位置：js的位置可以随意，但是一般用在 js代码如果没有使用 var a; window.alert（a的数据类型+typeof a）;（2） null的例子： var a=null;11. javascript的基本语法-定义变量、初始化、赋值：（1） 定义变量：var a;（2） 初始化变量：在定义变量的时候，就赋值：var a=45;（3） 给变量赋值：先定义变量：varnum; 再赋值： num=3312. javascript的基本语法-数据类型转换：（1） 自动转换：javascript的数据类型是动态的请看一个案例： / num先定义成Numb

3、er数据类型 varnum=22; num=hello word; window.alert（num的数据类型+typeofnum）; varstr=”window.alert（“ok”）”; eval（str）;16. escape（）可以将中文或日文转为ascii码：unescape（）反之。一般这个函数相互配合，防止在浏览器中出现乱码： varstr=”江西”; var str2=escape（str）; /转回来 var str3=unescape（str2）;17. 数组：（1） 为什么需要数组？将一组数据放在一起，组成集合。它由一对方括号包围，数组的每个元素用逗号分隔，数组元素可以

4、是任意类型的数据（2） 创建数组：var数组名=元素值，元素值，var a=“shopping”,123,1.1,4.5,true（3） 二维数组：var a=1,2,3,“hello”,”world”,”jiangxi”=Js面向（基于）对象编程一、 澄清概念js中 基于对象= js面向对象js中没有类class,但是它取了一个新的名字叫 原型对象 ，因此，类=原型对象二、 为什么需要对象问题提出：/*张老太养了两只猫：一只名字叫小白，今年3岁，白色，还有一只叫小花，今年10岁，花色。请编写一个程序，当用户输入小猫的名字时，就显示该猫的名字，年龄，颜色。如果用户输入小猫的名字错误时，则显示张

5、老太没有这只猫猫。*/传统方法比较麻烦cat1_name=小白var cat1_age=3;var cat1_color=白色/解决办法,把猫的属性集中,创建一种新的数据类（原型对象/类）/用面向对象的方法来解决上面的问题/这里就是一个类cat类function cat（） /如果这样用/cat（）/函数var cat1 = new cat（）/类/这时cat1就是一个对象（实例）cat1.name=cat1.age=3;cat1.color=/从上面的代码我们可以看出/1.js中的对象的属性可以动态添加/2.属性没有限制window.alert（cat1.name+cat1.age+cat1

6、.color+cat.hobby）;三、 类（原型对象）和对象的区别和联系（1） 类是抽象的,概念,代表类事物（2） 对象是具体的,体表一个实体（3） 对象是以类（原型对象）为模板创建起来的实体四、 创建对象的方式有五种（1） 工厂方法使用new Object创建对象并添加相关属性.（2） 使用构造函数来定义类（原型对象）.（3） 使用prototype（4） 构造函数及原型混合方式.（5） 动态原型方式.目前我们先讲 使用构造函数来定义类（原型对象）,然后再创建对象实例.基本语法:function 类名/原型对象（）创建对象:var 对象名= new 类名（）现在对对象特别说明:1. js

7、中一切都是对象function Person（）window.alert（Person.constructor）;var a = new Person（）;window.alert（a.constructor）;/a 对象实例的构造函数window.alert（typeof a）;/a 的类型是什么var b=123;window.alert（b.constructor）;window.alert（typeof b）;var c=window.alert（c.constructor）;window.alert（typeof c）;/思考:如何判断一个对象实例是不是Person类型?if（a i

8、nstanceof Person）a 是 Person1）;if（a.constructor=Person）a 是 Person2五、 补充说明（全局变量与局部变量的区别）/全局变量var abc=89;function test（） /在函数里,如果不带var,则表示使用全局的abc变量 /如果带var,则表示在test（）中,定义了一个新的abc变量（局部变量） abc=900;test（）;window.alert（abc）;访问对象的属性有两种方法:（1） 普通方式对象名.属性名（2） 动态访问对象名“属性名”function person（）var p1= new person（）;

9、p1.name=阿华window.alert（p1.name）;/普通方式window.alert（p1name）;var val=na+mewindow.alert（p1val）;/动态方式对象引用问题的说明（图）js还提供一种方式,主动释放对象内存delete 对象名.属性、;/这样就会立即释放 对象的这个属性的空间六、 this问题的提出:function Person（）;var p1=new Person（）;p1.name = 老韩p1.age = 30;window.alert（p1.name+ +p1.age）;var p2 = new Person（）;window.aler

10、t（p2.name）;/这里会输出什么呢?（undefine）;这里我们可以看到 window.alert（p2.name）会输出 undefined在实际编程中,我们可能有这样的需求,当我们创建一个对象后,就希望该对象自动的拥有某些属性比如:当我们创建一个Person对象后,就希望该对象自动拥有name和age属性,这又怎么办?使用this 来解决function Person（） this.name=abc this.age=30;var p1 = new Person（）;+p2.name）;可能有人会这样去思考问题/*有些同学可能会这么想: var name=/私有的,只能在内部使用

11、var age=30; this.name2=abc2/this.name2 表示name2这个属性是公开的 this.show=function （）/函数 这就是Person类里面的一个公开的方法+name+age+age）; function show2（）/这就是Person类里面的一个私有的方法,只能在类内部使用,/如要一定要使用,只能通过公开方法（特权方法）来调用私有方法来实现show2（）p1.show（）;/p1.show2（）;/这里会报错/window.alert（p1.name+/错误的记住一句话:哪个对象实例调用this所有的函数,那么this就代表哪个对象实例This

12、注意事项: This不能放在类的外部使用,否则调用就变成window调用了对象-成员函数给一个对象添加（指定）函数的几种方式1.通用常用方式: this.show=function （）name:+this.name+age:+this.age）;2.方式二:function show1（）window.alert（show1）;/这个解释下面的p2.show=show2的疑惑.这个输出的是上面/的函数代码.（构造函数）p2.show=show1;/记住不要加括号p2.show（）;3.方式三:var p3 = new Person（）;p3.show=function show2（）p3.s

13、how（）;加强思考题看它们会输出什么?题1.+this.name）;show1（）;/注意思考会输出什么?提示谁调用它.this就代表谁答案:空白（undefined）题2.Var name=nane:abc24.方式四:前几种方法有一个问题，那就是以上对象独占函数代码，这样如果对象过多，则会影响效率，js设计者，给我们提供了别一个方法，原型法：这样多个对象可以共享函数代码，代码如下：function dog（）/使用prototype去绑定一个函数给shoutdog.prototype.shout=function（） window.alert（小狗var dog1=new dog（）;d

14、og1.shout（）;var dog2 = new dog（）;dog2.shout（）;/okwindow.alert（dog1.shout=dog2.shout）;/返回true/扩展var dog3 = new dog（）;var dog4 = new dog（）;var dog5 = dog4;window.alert（dog3=dog4）;/ false 不是同一个地址window.alert（dog4=dog5）;/ true对代码原理说明图：补讲 = 号的作用1. 当 = 的两边 都是字符串的时候，则比较内容 相等否。2. 如 = 的两边 都是数字的时候，则数的大小是否相等。3

15、. 如 = 的两边 是对象或对象中的函数属性，则比较地址是否相等。六、加深对类和对象的认识如何给类添加方法（如何给某类型的所有对象添加方法）/创建Person实例var P1=new Person（）;P1.name = spwindow.alert（P1.name）;/初步体验Object类,通过Object直接创建对象/Object超类var P1 = new Object（）;window.alert（P1.constructor）;var i = new Number（10）;/我们可以给类添加方法.Number.prototype.add=function（a） return this+a;window.alert（i.add（10）.add（30）;var b= 90;window.alert（b.add（40）;请思考给js的Array对象扩展一个find（val）方法,当一个Array对象调用该方法时候,如果能找到val则返回其下标,否则返回-1;/体验一下array;var arr = new Array（3）arr0 = Georgearr1 = Johnarr2 = Thomas/遍历该数组for（var i=0;iarr.length;i+） document.write（+arri+