js函数进阶

函数定义

  1. 函数声明
function add(i,j){
    return i+j
}
  1. 函数表达式
var add = function(i,j){
    return i+j;
}
  1. 函数实例化
var add = new Function('i','j','retunr (i+j)'); 

不同函数定义方式的区别:

  • 声明提前:代码执行前先对变量定义、函数声明进行预解析,然后开始逐条执行js语句,也就是函数声明和变量定义对强制提前到代码最前面执行
  • 用函数声明方式重复定义函数只有最后一个声明是有效的
  • 实例化定义的函数只能访问本地作用域和全局作用域

函数调用

  1. 普通调用模式
    • add(1)
  2. 方法调用模式
    • 调用对象的方法
var myNumber={
    value:1,
    add:function(){
        this.value +=1;
    }
}

myNumber.add();
  1. 构造函数调用模式

  2. apply(call)调用模式

  • apply是Function构造函数上的一个方法
  • 实现函数借用功能
function Point(x,y){
    this.x = x;
    this.y = y;
}
 Point.prototype.move = function(x,y){
    this.x +=x;
    this.y += y;
 }

 var p = new Point(0,0);
 p.move(2,2);
 var circle = {x:1,y:1,r:1};
 p.move.apply(circle,[2,1]);
 //p.move方法里的this指向circle对象,数组[2,1]里的2个元素作为参数传入方法

函数调用时this的指向

  • 普通调用
    • 指向全局对象
  • 方法调用
    • 指向调用函数的对象
  • 构造函数调用
    • 指向生成的对象
  • apply(call)调用
    • 指向它的第一个参数

arguments

函数调用时,会给本地作用域添加另一个对象:arguments,用于获取函数实参

  • Array-like(函数实参列表,是个类数组对象)
    • arguments[index] 获取某个实参
    • anguments.length 获取实参个数

函数传参

  • 原始类型按值传递
  • 对象类型按共享传递
    • 实参得到的是外部对象的一个副本

闭包

如果一个函数访问了它的外部变量,那么它就是一个闭包。

注意,外部函数不是必需的。通过访问外部变量,一个闭包可以维持(keep alive)这些变量。在内部函数和外部函数的例子中,外部函数可以创建局部变量,并且最终退出;但是,如果任何一个或多个内部函数在它退出后却没有退出,那么内部函数就维持了外部函数的局部数据。

function foo(x) {
var tmp = 3;
return function (y) {
    alert(x + y + tmp);
    x.memb = x.memb ? x.memb + 1 : 1;
    alert(x.memb);
    }
}
var age = new Number(2);
var bar = foo(age); // bar 现在是一个引用了age的闭包
bar(10);
  • 闭包的功能
    • 保存函数运行状态
    • 函数封装(定义一些私有的对象)
    • 性能优化

First-class function

  • 函数作为参数
    • 异步回调函数
  • 函数作为返回值
    • Function.pretotype.bind
function Point(x,y){
    this.x = x;
    this.y = y;
}
 Point.prototype.move = function(x,y){
    this.x +=x;
    this.y += y;
 }

 var p = new Point(0,0);
 p.move(2,2);
 var circle = {x:1,y:1,r:1};
 var circlemove=p.move.bind(circle,[2,1]);
 circlemove();
 
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1. Java基础部分 基础部分的顺序:基本语法,类相关的语法,内部类的语法,继承相关的语法,异常的语法,线程的语...
    子非鱼_t_阅读 32,379评论 18 399
  • 前言 把《C++ Primer》[https://book.douban.com/subject/25708312...
    尤汐Yogy阅读 13,152评论 1 51
  • 如何判断一个元素是否出现在窗口可视范围(浏览器的上边缘和下边缘之间,肉眼可视)。写一个函数 isVisible实现...
    Schrodinger的猫阅读 3,759评论 0 0
  • 始终相信,行善孝之人必定福缘深厚。度量有多大,福报就有就有多深。 在我的理解中,福并不代表金钱、地位和任何...
    心若离阅读 1,855评论 0 1
  • 一 今天登陆这个微信公号, 看到后台增加了几十个朋友的关注 莫名的成就感。 说实话, 这个号 2014上半年就开通...
    周朝阳阅读 1,877评论 0 0

友情链接更多精彩内容