Javascript培训教程.doc

引言: 1.1. 网页三要素: HTML(内容) CSS(外观) Javascript(行为) 1.2. OOP的相关概念 对象就是指事物在程序设计语言中的表现形式 对象往往是用名词表示 方法往往是动词 属性往往是形容词 (The black cat sleeps on my head) clas Cat{ private String color; public void sleep(Object location) {} } 2). 类 类是对象的模板,对象是类的一个实例 javascript没有类, 它是通过构造器函数和原型(prototype)来实现类似类的概念 Class c = Class.forName(“com.atguigu.Person”); method = c.getMethod(methodname, Class… params ); c.getField(name); c.getConstructor(Class… params); 3). 封装 相关的数据(用属性存储) 基于这些数据所能做的事(用方法存储) 4). 聚合 指将几个现有的对象合并为一个新的对象的过程 5). 重用与继承 javascript中没有类, 继承只能发生在对象之间 6). 多态 父类引用指向子类对象 通过父引用调用方法时调用的是子类重写的方法 javascript介绍 javascript的发展历史 LiveScript(网景Netscape)--JavaScript(推广) ---JScript(微软) javascript是什么? 总述: JavaScript一门解释型(不是编译型)脚本语言,它的主要特点有:面向对象,弱类型,动态,基于原型(对象)(不基于类) 1). 解释型(不是编译型) 代码编写好后, 不需要编译, 直接由js的解析引擎来解析执行(动态性更好,但开销较大) 2). 弱类型 在声明变量时,不用指定其数据类型, 而且它可以被随时赋值为任意类型的数据,解释器会根据上下文自动对其造型 var a = 1; //alert(typeof a==number); //number a = tt; //alert(typeof a); //string a = [1, tt, null]; //alert(typeof a);//object a = function(){ alert(----); }; //alert(typeof a);//function 3). 面向对象 在JavaScript中“一切皆对象”，在这一方面，它比其他的OO语言来的更为彻底，即使作为代码本身载体的function，也是对象，数据与代码的界限在JavaScript中已经相当模糊 var b = { name: Tom, age: 12, getName: function(){return } }; //json Javascript Object Notation //alert(); //Tom //alert(b.getName);//指向函数对象 //alert(b.getName()); //调用指向的函数对象 对象的属性可以在对象创建了之后, 动态的设置, 且属性值可以是任意类型的数据(自然可以是一个函数) b.test = function() { return function() { alert(---); }; }; b.test(); //b.test()(); 5). 基于原型(对象)(不基于类) 在js中没有真正类的概念, 如何实现代码的复用呢?, 那就是prototype function Person(name, age) { = name; this.age = age; } var p = new Person(tom, 12); Ptotype.getAge = function() { return this.age; }; //alert(p.getAge()); 1.2. javascript程序执行的宿主环境 web浏览器(js解析引擎) 服务器端 Node.js 桌面 富媒体 javascript的分类 1). 按所处的位置分: 客户端js 服务器端js 2). 按模块分: 核心JavaScript(ECMAScript) BOM(Browser Object Model) window DOM(Document Object Model) 其它扩展: node.js 3. 基本概念 3.1. 变量 1). 理解: 变量是一块用来存储可变数据的内存的标识 2). 定义: 通过v