JavaScript函数的四种存在形态

函数的四种存在形态：

1.函数形态

2.方法形态将函数赋值给某一个对象的成员，那么就称为方法

3.构造器形态

4.上下文形态

1.函数形态：

var foo = function() {
    alert(this);             //this是window
};

2.方法形态：

o = {};
o.foo = foo;    //将函数foo赋值给对象o的foo属性
o.foo();        //弹出的是object，此时的this表示object

 var lib = {
    test:function() {
        alert(this);         //此处的this表示object（lib对象本身）
        //var that = this;   //要想匿名函数中this表示lib对象，可以这样
        (function() {
          alert(this);       //此处的匿名函数不属于lib对象，所以this的任然表示window
        })();
    }
};
lib.test();

3.构造器（构造函数）var p = new Person();1、new创建了对象，并开辟了空间2、将对象的引用地址传递给函数，在函数中用this接收3、构造方法执行结束，返回this

var Person = function() {
    this.age = 19;
    this.name = "Mr靖";
    return "{}";
};

var p = new Person();
alert(p.name);   //弹出的是undefined，由于函数返回的是一个对象，所以直接将这个对象返回给person，而忽略age，name属性

var Person = function() {
    this.age = 19;
    this.name = "Mr靖";
    return 123;
};

var p = new Person();
alert(p.name);  　　  //弹出“Mr靖”，由于返回值不是对象，所以直接忽略返回值
alert(p);            //弹出object

改变的东西有：构造函数改变了函数的返回值；如果函数的返回值是一个对象，那么就按照返回值来返回；如果返回值不是一个对象就忽略返回值，直接返回this；

4.上下文调用模式函数.apply(对象, [参数列表])

var foo1 = function(a, b) {
    alert(this);
    return a > b ? a : b;
};
var num = foo1.apply(null, [112, 34]);     //此时foo1是函数形态，this表示window
num = foo1.apply({}, [112, 34]);           //此时foo1是方法形态，this表示参数中传入的对象{}

函数.call(对象, 参数列表);

var num1 =foo1.call(null,112,34);
num1=foo1.call({},112,34);            //除了参数列表外，其余和apply一样

JavaScript函数的四种存在形态的更多相关文章

javascript this 代表的上下文,JavaScript 函数的四种调用形式
JavaScript 是一种脚本语言,支持函数式编程.闭包.基于原型的继承等高级功能.其中JavaScript 中的 this 关键字,就是一个比较容易混乱的概念,在不同的场景下,this会化身不同的 ...
javascript函数的四种调用模式及其this关键字的区别
方法调用模式: 当一个函数被保存为对象的一个属性时,我们称它为一个方法.当一个方法被调用时,this被绑定到该对象. //方法调用模式 var myObject = { value: 0 , incr ...
JavaScript高级之函数的四种调用形式
主要内容分析函数的四种调用形式弄清楚函数中this的意义明确构造函对象的过程学会使用上下文调用函数了解函数的调用过程有助于深入学习与分析JavaScript代码. 本文是JavaScript ...
JavaScript函数的4种调用方法详解
在JavaScript中,函数是一等公民,函数在JavaScript中是一个数据类型,而非像C#或其他描述性语言那样仅仅作为一个模块来使用.函数有四种调用模式,分别是:函数调用形式.方法调用形式.构造 ...
Javascript函数调用的四种模式
一前言 Javascript一共有四种调用模式:方法调用模式.函数调用模式.构造器调用模式以及apply调用模式.调用模式不同,对应的隐藏参数this值也会不同. 二方法调用模式函数作为对象的属 ...
swap函数的四种写法
swap 函数的四种写法 (1)经典型 --- 嫁衣法 void swap(int *a, int *b) { int temp; temp = *a; *a = *b; *b = temp; } ( ...
C语言中返回字符串函数的四种实现方法 2015-05-17 15:00 23人阅读评论(0) 收藏
C语言中返回字符串函数的四种实现方法分类: UNIX/LINUX C/C++ 2010-12-29 02:54 11954人阅读评论(1) 收藏举报语言func存储有四种方式: 1.使用堆空 ...
C语言中返回字符串函数的四种实现方法
转自C语言中返回字符串函数的四种实现方法其实就是要返回一个有效的指针,尾部变量退出后就无效了. 有四种方式: 1.使用堆空间,返回申请的堆地址,注意释放 2.函数参数传递指针,返回该指针 3.返回函 ...
JavaScript 函数的4种调用方法
JavaScript 函数有 4 种调用方式. 每种方式的不同方式在于 this 的初始化. 作为一个函数调用 function myFunction(a, b) { return a * b; } ...

随机推荐

uboot 连接脚本分析
一.脚本分析 OUTPUT_FORMAT("elf32-littlearm", "elf32-littlearm", "elf32-littlearm ...
数据结构练习 00-自测4. Have Fun with Numbers (20)
Notice that the number 123456789 is a 9-digit number consisting exactly the numbers from 1 to 9, wit ...
For Aisha（阿伊莎）
相见时难别亦难,东风无力百花残.by:昂思多,20160524 跟你在一起,没有拘束感,完全就像是在跟亲人对话. 很喜欢这种感觉虽然才认识不到10天,却就像是认识了好几年的老朋友真的喜欢叫你“阿伊 ...
LA 3904
一道DP题: 一共有三种砖,1*2,2*1,2*2,然后要你铺满整个n*2的地板,求不重复的铺法数: 方法: 首先计算了不考虑对称的情况,然后计算只考虑对称的情况: 所以结果就是(不考虑对称数+只考虑 ...
Guava的一些总结
guava是java API蛋糕上的冰激凌(精华). 源码包的简单说明: com.google.common.annotations:普通注解类型. com.google.common.base: ...
struts2表单验证里field-validator type值一共可以取哪些？都什么含义？
int 整数: double 实数: date 日期: expression 两数的关系比较: email Email地址: url visitor conversion regex 正则表达式验证: ...
append
之前一次使用append就是插入不成功, 这次好了,可以了原来是js和javascript不能混了.
在PC上使用串口向开发板传送文件
之前一直使用的是NFS,即网络挂载文件系统,不愁文件的传输问题,但是不幸的是前几天网络出现故障,使这种方式没法使用变好的驱动程序一直没法下载到开发板里面,蛋疼欲裂啊. 于是乎折磨则么使用串口传输 ...
数据库连接&数据库进程&数据库操作
root@webwall:/home/xiachengjiao# vi/webwall/mysql/my.cnf(看配置文件中的参数) root@webwall:/webwall/mysql/bin# ...
DD-WRT相关资源
版本网站下载:Other Downloads,进入betas->2014 FTP下载:如ftp://ftp.dd-wrt.com/betas/2014/06-23-2014-r24461/ Re ...

JavaScript函数的四种存在形态

JavaScript函数的四种存在形态的更多相关文章

随机推荐

热门专题