JS进阶03-JAVASCRIPT_函数(三).ppt

“ ” 函数 在JAVASCRIPT中，函数包含一组语句，是JS的基础模块单元，用于代码复用、信息隐藏和组合调用。函数用于指定对象的行为。 一般来说，所谓的编程，就是将一组需求分解成一组函数和数据结构的技能。 注意：在JAVASCRIPT中，函数就是对象，因此函数可以保存在变量、对象和数组中，也可以当作参数传递给其他的函数，函数的返回值也可以是函数。 函数概述 在JAVASCRIPT中，可以通过两种方式创建或者声明函数：1、声明函数2、函数字面量 声明和调用函数 在JAVASCRIPT中函数一共有4种调用模式：1、方法调用模式2、函数调用模式3、构造器调用模式4、APPLY调用模式(CALL) 函数的调用 当一个函数保存为对象的一个属性时，我们称它为一个方法。当一个方法被调用时，THIS被绑定到该对象。 方法调用模式 当一个函数并非一个对象的属性时，它就被当作一个函数来调用，以这种方式调用函数时，THIS被绑定到了全局对象。 函数调用模式 观看以下内容会使大脑产生高热，请预先准备大脑冷却设备。 高能预警!!! 因为JAVASCRIPT是一门基于原型继承的语言，因此可以在创建对象时直接从其他对象继承属性。如果在一个函数前面带上了NEW关键字来调用，那么将会创建一个连接到该函数的PROTOTYPE成员的新对象，同时THIS会被绑定到这个新对象上。 构造器调用模式 在JAVASCRIPT中，函数也是对象，因此函数也可以拥有方法。调用函数的APPLY方法，需要传入两个参数，第一个参数是绑定到函数中THIS变量的对象，第二个参数是原函数的参数值列表。 Apply调用模式(call) 当在一个函数中定义内部函数时，内部的函数可以访问外部函数的上下文环境，这就被称为闭包。 闭包 在以后的项目开发中，可能会遇到一个这样的问题：对所有的INPUT表单元素绑定一个事件。可以看到，当点击测试按钮以后，再依次点击BTN1，BTN2，BTN3，都只会弹出3，这是因为事件处理器函数绑定了变量I本身，而不是函数在构造时的变量I的动态值。 一个糟糕的例子 对上面的BUG进行修改：构造一个帮助函数，对事件处理中的动态的I值进行处理。 利用闭包解决一个糟糕的例子 聪明的函数 “ ”