javascript语言精粹笔记(三)函数
来源:互联网 发布:安卓电子白板书写软件 编辑:程序博客网 时间:2024/06/05 07:39
1. 函数对象
在javascript中 函数就是对象 所以相对应的也会有原型 对象字面量创建的对象会连接到object.prototype
,而函数字面量创建的函数对象就会连接到function.prototype
。每个函数在创建时会有两个隐藏属性函数上下文
,函数需要行为代码
我理解为要干的事 和 参与者。
2. 函数调用
函数的调用可以理解为控制权的转移,把参数和控制器传入被调用的函数中,函数被调用时有两个附加参数 this
和arguments
.this的值在不同调用模式下值不同,js有四种调用模式:方法调用模式,函数调用模式,构造器调用模式,apply调用模式。
javascript对于实参传递要求比较宽松 允许实参形参数量不一 且不对实参的类型做检查
3. 方法调用模式
什么是方法? 我们认为把一个函数封装在一个对象里面,这个函数就是这个对象的方法
在对象的方法内可以调用this这时的this表示了当前的对象,通过这个this你可以获取到这个对象的上下文属性 这种方法叫做公共方法
var cat = { height:66, weight:55, num:function () { return this.height+this.weight; }}
4. 函数调用模式
function add(a,b) { return a+b;}var sum = add(3,4);
当一个函数不是某个对象的方法时,被调用时的this指向为一个全局对象
但我们通常的需求是绑定为外部函数的this 我们可以这样做
cat.double = function () { var that = this; that.value = 3; // var helper = function () { that.value = add(that.value,that.value); } helper();}cat.double();console.log(cat.value);//这里面还是访问的cat而不是cat.double.value因为这里的double你理解为这个对象的方法而不是什么子类对象 这里的this还是其cat本身
5. 构造器模式
所谓的构造器就是new的时候创建的工具 那么javascript当方法被构造的时候 他会创建一个方法的副本 并且this指向这个new出来的对象 他的原型被链接成原对象的原型 比如下方
var a = function (string) { this.status = string;}a.prototype.getStatus =function () { return this.status;}//为所有a的原型创建了一个getStatus方法var b = new a("hellow");//绑定this为b 也就是b的status为hellowconsole.log(b.getStatus());//调用时通过原型查找到getStatus方法 并返回this也就是b的status字符串//所以这个实验证明了两点 第一new会让当前对象绑定为this 第二 当前对象的原型会绑定到a的原型
但据说这样不太好使
6. apply调用模式
javascript是一门以函数为核心的语言 所以他的函数也有方法
var array = [3,4];var sum = add.apply(null,array);//通过apply我们可以重新指定this所指向的对象 这里为null 第二个参数为参数数组console.log(sum);var statusObject = { status:"WoW"}console.log(a.prototype.getStatus.apply(statusObject));//这里尽管statusObject的原型和a的原型并没有任何关系 但因为调用了apply方法 所以this被重新定向为statusObject 返回了他的status:"WoW"
var a = function (string) { this.status = string;}a.print = function () {}a.print.println = function () { console.log("fk");}a.print.println();a.prototype.getStatus =function () { return this.status;
既然上面说了函数能狗拥有方法 这是我能唯一想到并且可以执行的方法添加方法 就是通过给函数对象添加函数属性 如果是在里面直接函数字面量声明并不行 似乎是因为这是一个函数对象
- javascript语言精粹笔记(三)函数
- 《JavaScript语言精粹》笔记(3)--函数
- 【JavaScript语言精粹】读书笔记(三)——函数
- JavaScript语言精粹之函数篇(三)
- javascript语言精粹(笔记)
- JavaScript语言精粹学习笔记-函数(一)
- JavaScript语言精粹学习笔记-函数(二)
- 《JavaScript语言精粹》笔记--函数的调用
- 函数 -- Javascript语言精粹
- javascript语言精粹(函数)
- javascript语言精粹----笔记
- javascript语言精粹----笔记
- 《JavaScript语言精粹》笔记
- 《JavaScript语言精粹》笔记
- 《JavaScript语言精粹》笔记
- 《JavaScript语言精粹》笔记
- JavaScript语言精粹 读书笔记(三)
- 函数(二)----Javascript语言精粹
- JavaScript杂谈之promise揭秘
- VS2015配置PBC库
- StreamingHttpResponse和HttpResponse
- 【zabbix教程七】——zabbix3.0配置微信报警
- 初探面向对象编程(1)———高精度模板part1
- javascript语言精粹笔记(三)函数
- 安卓捕获运行时异常
- POJ 1854
- POJ 3666 Making the Grade
- 欢迎您在新浪博客安家
- 国内外学习科学研究机构简介…
- 国内外学习科学研究机构简介…
- 数字技术引领学校创新发展——…
- git使用中的几个冷门技巧