Javascript(一)

– 全局变量
• 在方法外部声明的变量 • 方法内部，没有加var关键字声明的变量
– 局部变量
第二讲： 2.2 数据类型
• ECMAScript中,数据类型也分为基本类型和 引用类型两大类. • 基本数据类型：Number、Boolean、String 、Undefined、Null
– Number：整数和小数(最高精度17位小数)、 NaN、Infinity, -Infinity 注意：1.除10进制外，还可通过8进制和16进 制的字面值来表示，如 070 表示56、0xA表 示10. 2.小数为浮点类型，if(a+b == 0.3) //不 要做这样的测试，因为 浮点数值最高精度是 17位，而是0.300000000000000004. – Undefined：表示变量声明但未赋值.
符号
加法
减法 乘法 除法 增量 减量 取余
+
* / ++ -%
第二讲：2.3 运算符
• 在复杂的表达式中往往会综合 运用各种不同类型的运算符， 而表达式的运算顺序有一定的 规则：首先应按照运算符的优 先次序从高到低的顺序，其次 ，优先级相同的运算符按照事 先约定的结合方向（从左向右 或从右向左）进行。 • 条件表达式的基本的语法是： – （条件表达式1）？表达式2 ：表达式3
JavaScript.No1
(ECMA5核心+设计模式)
讲师：白贺翔.
JavaScript简介
• javascript诞生于1995年，当时他的主要目 的就是处理以前由服务器语言负责的一些 输入验证操作。在javascript问世之前，必 须把表单里的数据发送到服务器才能确定 用户是否没有填写某个必填域或者是输入 信息是否正确。
第四讲：函数
• 学习目标
– 了解函数的基本概念 – 函数的定义方式 – 函数的参数 – this – call、apply – 执行环境、作用域链 – 垃圾收集、块级作用域 – closure
第四讲：4.1初识函数
• Function类型，即函数的类型。 • 一个典型的JavaScript函数定义如下：
第四讲：4.2 示例3 作用域方面
var k = 1 ; function t1(){ var k = 2 ; //function test(){return k ;} //var test = function(){ return k}; //var test = new Function('return k;'); alert(test()); } t1();
第二讲：2.3 运算符
• 运算符与表达式： 加减乘除、 递增(++)、递减(--)、求余(%) • 变量的自动转换 – === 等同符：不会发生类 型的自动转化！ – == 等值符：会发生类型 自动转化、自动匹配！ • 在程序中还经常使用到扩展赋 值运算符，如：+=，-=，*= ，/=，%=等
说明
Javascript课程大纲（一）
• 第一讲：初识Javascript
– javascript的组成部分 – 如何使用javascript
• 第二讲：基本概念
– 语法 – 变量 – 基本数据类型 – 控制语句等
• 第三讲：引用类型
– 数组 – 数组ECMA5新特性 – Object类型型应用
Javascript课程大纲（二）
说明 相等 ==
符号
大于或等于
大于 不等 小于或等于 小于 逻辑“与” 逻辑“或” 逻辑“非”
>=
> != <= < && || !
第二讲：2.4 控制语句
• 基本上ECMAScript的控制语句和java一致 • if语句 if(条件)…else if(条件)...else • switch 语句：switch (expression) {case const1:语句块1... default:...} • for (初始化部分；条件部分；更新部分){ 语句块… } • while(条件) { 语句块… } • do{ 语句块… }while(条件) • break语句是结束当前的循环，并把程序的
第四讲：4.2 示例2 解析顺序
function f(){return 1;} // 函数1 alert(f()); //返回值为4 说明第1个函数被 第4个函数覆盖 var f = new Function("return 2;"); // 函数2 alert(f()); //返回值为2 说明第4个函数被 第2个函数覆盖 var f = function(){return 3;} // 函数3
第三讲：3.3 其他引用类型对象
• 单体对象： – Global对象（全局）这个对象不存在，无形的对象
• 其内部定义了一些方法和属性：encodeURI 、 encodeURIComponent、decodeURI、 decodeURIComponent、eval、parseInt、 parseFloat、isNaN、Escape、 unescape
第二讲： 2.1变量
• 变量
– JavaScript 是一种弱类型的脚本语言 – var c = 3；即变量的声明(变量使用之前必须加 var声明，编程规范) – 变量的命名规则!
• • • • • 1.变量命名必须以字母或是下标符号”_”或者”$”为开头。 2.变量名长度不能超过255个字符。 3.变量名中不允许使用空格。 4.不用使用脚本语言中保留的关键字及保留符号作为变量名。 5.变量名区分大小写。(javascript是区分大小写的语言)
第四讲：4.3 函数的参数
• 函数的参数：arguments对象 arguments是表示函数的实际参数(与形参 无关) • callee函数（回调函数属性） arguments对象的秘密属性 callee属性： 这个属性比较奇怪，他能返回arguments 对象所属的函数的引用，这相当于在自己 的内部调用自己。 用法：例如检测函数传递的参数正确与否
function 函数名称（参数表） { 函数执行部分： } 注意：参数列表直接写形参名即可，不用写var!
• return语句：return返回函数的返回值并结 束函数运行 • 函数也可以看做数据来进行传递
第四讲：4.2 定义函数
• 三种定义函数的方式： – function语句形式 – 函数直接量形式 – 通过Function构造函数形式定义函数 • 比较三种方式定义的区别： function语句 Function构造函数 兼容 形式 名称 性质 完全 句子 有名 静态 js1.1以上 表达式 匿名 动态
第一讲：初识Javascript
• 学习目标 – 了解javascript组成部分 – 认识javascript解析机制 – 如何使用javascript
第一讲：1.1 初识Javascript
• javascript是一种专为与网页交互儿设计的 脚本语言。由三部分组成：
– ECMAScript (ECMA-262定义) 提供核心语言 功能 – 文档对象模型（DOM）提供访问和操作网页内 容的方法和接口 – 浏览器对象模型（BOM）提供与浏览器交互的 方法和接口
函数直接量 js1.2以上版本 表达式 匿名 静态
解析时机
作用域
优先解析
具有函数的作用域
顺序解析
顶级函数(顶级作用域)
顺序解析
具有函数作用域
第四讲：4.2 示例1 效率方面
var d1 = new Date(); var t1 = d1.getTime(); for(var i =0 ; i <100000;i++){ //function test1(){;} //var test2 = new Function(); } var d2 = new Date(); var t2 = d2.getTime(); alert(t2 -t1);
Javascript课程大纲（四）
• 第六讲：设计模式
– javascript如何使用接口 – 创建接口的三种方式（注解描述、属性检测、 鸭式辨型） – 接口的使用场景说明（接口的利弊） – 单体模式（四种常见的单体模式） – javaScript中实现链式编程 – 模拟jquery底层代码实现链式编程 – JavaScript设计模式： – 1 工厂模式（实现简单工厂、js如何使用抽象 类、复杂动态工厂） – 2 桥接模式（事件监听回调机制、特权函数、组织多个单
• Javascript的国际标准是ECMAScript.
–语法、类型、语句、关键字、保留字、操作符 、对象
• 如何使用javascript？
–在HTML文档中插入脚本语言可以使用 <script>标记
第二讲：基本概念
• 学习目标 – 认识变量（声明、规则、全局变量、局部变量） – 数据类型（基本类型、引用类型） – 运算符、表达式、控制语句
• 第四讲：函数
– 函数概念 – 定义函数的三种方式 – 函数参数arguments对象 – this对象 – call和apply高级函数 – 执行环境概念 – 作用域链概念 – javascript垃圾收集机制 – 块级作用域
Javascript课程大纲（三）
• 第五讲：面向对象程序设计
– 类的创建 – 实例对象的三种方式 – 原型的概念，为什么需要原型 – 原型常用方法 – 实现自己的原型扩展方法 – 简单原型对象 – 原型对象的常用开发模式（组合、寄生、动态 原型、稳妥对象） – 深入继承的解析（javascript继承实现的关键
• Javascript的这三个组成部分在当前五大主 流浏览器中都得到了不同程度的支持（IE、
第一讲：1.2 初识Javascript