| |
|
开发:
C++知识库
Java知识库
JavaScript
Python
PHP知识库
人工智能
区块链
大数据
移动开发
嵌入式
开发工具
数据结构与算法
开发测试
游戏开发
网络协议
系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程 数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁 |
-> JavaScript知识库 -> JS高级程序设计精简版(第十章:函数)附思维导图 -> 正文阅读 |
|
[JavaScript知识库]JS高级程序设计精简版(第十章:函数)附思维导图 |
????????时隔两年后二刷JavaScript高级程序语言,纯手打读书笔记+思维导图,让自己有一个比较全面的知识体系,后面有遇到例子的时候会慢慢补充更多的用法。有不足之处欢迎大家评论区指出,共勉!! 第十章 函数函数也是对象,函数是Function类型的实例,函数名就是指向函数对象的指针。 定义函数的四种方式:函数声明、函数表达式、new Function();、箭头函数 一、参数1、实参 函数定义的形参个数可以和实参个数不同,因为函数被调用时接收一个数组保存实参。 因为js函数使用参数数组,所以函数无法重载(无签名:参数类型或数量不同)。 2、默认参数 function makeKing(name = 'Henry') { }//ES6新增 arguments对象的值不会是命名参数的默认值。 默认参数也可以是调用一个函数求的值,只是在函数调用时才会求这个值。 箭头函数也支持默认值,此时不能省略括号()。 3、默认参数的作用域和暂时性死区 给多个参数定义默认值跟使用 let 关键字顺序声明变量一样,所以前面的参数无法引用后面定义的参数(暂时性死区),也不能引用函数体内定义的let/const变量。 4、参数扩展与收集 参数扩展:countArguments(-1, ...values); 参数收集:function ignoreFirst(firstValue, ...values) { }//...values后面不能再声明参数。 二、定义函数1、箭头函数 let triple = x?=> 3 * x; //省略函数体的{}就会返回这一行代码的值 箭头函数局限:不能使用arguments、super、new.target,不能用作构造函数,没有prototype属性。 2、函数声明 function a(){},通过这种方法会让函数声明提升,且生成函数定义,所以可以在声明前调用函数,比变量更先提升。
var a = function(){},函数表达式不会被提升,无法在函数定义前调用。
1、arguments对象 arguments:在函数内部访问arguments对象来取得传入的每个参数。arguments是类数组对象,通过arguments[0]来获取第一个参数,其值始终会与命名参数一致(内存分开)。 严格模式:①arguments赋值不会改变命名参数的值②无法重写arguments对象。 箭头函数无法使用arguments,但是可以在箭头函数外面包装一层function再使用参数。 arguments.callee指向函数本身,可以在函数内部调用此函数本身,与函数名解耦。 2、this 标准函数:this是调用此函数的上下文对象。 箭头函数:this是定义箭头函数的上下文。 回调函数中的标准函数,this默认指向window,因为在函数调用前没有.调用,可以通过箭头函数解决。
函数对象上有一个属性caller,指向调用此函数的函数,全局作用域中调用则为null。 严格模式:访问arguments.callee和arguments.caller都会报错。不能给caller赋值。
new.target:函数是否使用 new 关键字调用的,是new a()则new.target指向a构造函数。
length:保存函数定义中,命名参数的个数。 prototpye:原型对象。
apply(指定函数作用域的对象,[参数数组]) call(指定函数作用域的对象,...[参数数组]) 这两种方法都可以定义函数的this指向,可以将任意对象设置为函数的作用域。 bind(obj)创建一个新的函数实例,this会绑定给obj。 toLocaleString()、toString()返回函数字符串代码,valueOf()返回函数本身。 五、递归1、递归 递归:在函数内部调用函数本身。 第一种:通过函数名调用,当函数名修改时则会出错。 第二种:使用arguments.callee调用函数本身,但严格模式无法访问arguments.callee 第三种:使用命名函数表达式?var fun = (function f(n) { f(n-1)}) 2、尾调用优化 尾调用:外层函数的返回值是内层函数的返回值。 ES5:每多调用一次嵌套函数,就会多增加一个栈帧。 ES6:符合尾调用优化条件的,会在return时将第一个栈帧弹出栈外,所以无论调用多少次嵌套函数,都只有一个栈帧,这种优化在递归中尤其明显。 优化条件: ①必须在严格模式下(因为严禁使用arguments.callee造成对外函数的引用) ②外函数的返回值是调用尾调用函数,返回后不用再执行额外的逻辑,且不是闭包。 六、闭包1、闭包 活动对象:函数执行时,每个执行上下文都有一个包含其中变量的对象,叫变量对象(全局上下文)或者活动对象(函数上下文)。 定义函数时,会为他创建作用域链,预装载全局变量对象,保存在内部[[Scope]]中。 调用函数时,创建其执行上下文,复制[[scope]]来创建作用域链,然后创建活动对象并将其推入作用域链前端。 闭包:引用了另一个函数作用域中变量的函数。外层函数的活动对象在函数执行完不能被销毁,因为内层函数的作用域链仍有对他的引用。 闭包中的this,指向的是调用此函数(返回的这个函数)的执行上下文,所以将this保存到闭包中则可以实现在内部函数直接访问外部变量。也可以通过赋值this固定作用域。 let object = { identity: 'My Object', getIdentityFunc() { let that = this; //赋值this固定作用域 return function() { return that.identity; //不论函数在何处执行,that都始终指向object }; } 2、内存泄露 因为IE9之前的垃圾回收机制是引用计数,所以闭包会导致内存泄露。后面的版本尽量回收闭包中不用的数据,但也应谨慎使用闭包。 3、立即执行函数 立即执行函数(function(){//作用域 })()可以模拟块级作用域(ES5)。 4、私有变量 任何定义在函数或块中的变量,都是私有的。 特权方法:能够访问私有变量的公共方法,可以通过两种方式实现。 第一种:通过构造函数定义 私有变量不用this,而在this.方法中访问这些变量(闭包)。构造函数定义特权方法的缺点是会为每个实例创建此方法。 第二种:通过使用私有作用域定义,具体有以下三种模式 1)静态私有变量 通过使用私有作用域定义私有变量和函数。 (function() { // 静态私有变量,实例共享 let privateVariable = 10; // 构造函数 MyObject是全局变量 可以在外部使用 注意严格模式报错 MyObject = function() {}; // 公有和特权方法 定义在原型上 MyObject.prototype.publicMethod = function() { return privateVariable; }; })(); 2)模块模式 let singleton = function() { let privateVariable = 10; // 私有变量 return { // 特权/公有方法和属性 publicMethod() { } }; }(); 模块模式 是在单例对象基础上拓展的,在立即执行函数中定义私有变量和方法,然后return一个对象,此对象里的属性和方法是公有的特权方法。 3)模块增强模式 在模块模式中,返回对象之前,先将对象增强,比如通过构造函数创建此对象。 ? ? |
|
JavaScript知识库 最新文章 |
ES6的相关知识点 |
react 函数式组件 & react其他一些总结 |
Vue基础超详细 |
前端JS也可以连点成线(Vue中运用 AntVG6) |
Vue事件处理的基本使用 |
Vue后台项目的记录 (一) |
前后端分离vue跨域,devServer配置proxy代理 |
TypeScript |
初识vuex |
vue项目安装包指令收集 |
|
上一篇文章 下一篇文章 查看所有文章 |
|
开发:
C++知识库
Java知识库
JavaScript
Python
PHP知识库
人工智能
区块链
大数据
移动开发
嵌入式
开发工具
数据结构与算法
开发测试
游戏开发
网络协议
系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程 数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁 |
360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 | -2024/11/24 8:04:35- |
|
网站联系: qq:121756557 email:121756557@qq.com IT数码 |