| |
|
开发:
C++知识库
Java知识库
JavaScript
Python
PHP知识库
人工智能
区块链
大数据
移动开发
嵌入式
开发工具
数据结构与算法
开发测试
游戏开发
网络协议
系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程 数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁 |
-> JavaScript知识库 -> 十、函数、闭包 -> 正文阅读 |
|
[JavaScript知识库]十、函数、闭包 |
函数是对象,函数名是指向函数对象的指针。 实现一个函数有函数声明、函数表达式和new Function() New Function()接受任意多个字符串作为参数,最后一个字符串作为函数体。这段代码会被解释两次,一次是普通的JS代码,一次是解释传给构造函数的字符串。 一、箭头函数 2.只有一行代码的函数体可以省略{},省略时默认返回这行代码的返回值 3.箭头函数不能使用arguments、super和new.target,也没有prototype属性 二、函数名 1.所有函数对象都会有一个只读的name属性,这个属性保存的是一个函数标识符(字符串化的变量名) 2.如果函数是被Function创建的,则被标识为anonymous 3.如果是set/get或者bind()创建的,则会添加相应前缀 set?? get??? bound1. 三、理解参数: 1.使用function关键字定义的函数,可以在内部访问arguments对象,获取传入的参数值。arguments是一个类数组对象 2.命名参数与arguments中的值存在于不同内存,会保持单向同步,修改arguments的值会同步修改命名参数的值,反之不会(严格模式下单向同步,非严格双向同步)。 3.arguments的长度由传入的参数个数决定,而非定义函数时决定 4.箭头函数没有arguments对象,非得有只能在外包裹一层function定义的函数 四、没有重载 若是定义了两个同名函数,后者会覆盖前者 五、默认参数值 1.ES5以前,一种常用方式,就是检测某个参数是否等于undefined,如果是则意外着没有传这个参数,可以给赋一个固定值 2、ES6开始,可以在定义参数时使用=定义默认参数,在实际传参时可以使用undefined占位 3、在使用默认参数时,arguments不反映参数的默认值,只跟实际传给函数的参数值有关 4、默认参数值不限于原始值或者对象类型,调用函数的返回值也行 5、默认参数是调用函数返回值时,不会在定义函数时求职,只会在调用函数,且没传默认参数时,被调用 6、箭头函数也可以使用默认参数,但不能省略括号 暂时性死区:前面定义的参数不能引用后面定义的 六、参数扩展和收集 扩展参数:对于可迭代对象应用扩展操作符,并将其作为一个参数传入,可以将可迭代对象拆分,并将迭代返回的每个值单独传入 arguments对象只是消费扩展操作符的一种方式,在普通函数和箭头函数中,也可将扩展操作符用于命名参数,同时也可以使用默认参数 收集参数:收集参数前面如果有命名参数,则只会收集其余参数;因为收集参数结果可变,只能作为最后一个参数 箭头函数虽然不支持arguments对象,但支持收集参数的定义方式。 使用收集参数不影响arguments对象 七、函数声明 函数声明提升:函数声明会在任何代码执行之前,先被读取并添加到执行上下文中 八、函数作为值: 函数可以作为参数传递给另一个函数; 函数可以作为返回值被一个函数返回 九、函数内部: arguments:有一个callee属性,指向arguments所在函数。 解决了递归中函数名的紧密耦合。 ?this: 在普通函数中,this引用的是把函数当成方法调用的上下文; 在箭头函数中,this引用的是定义箭头函数的上下文 ?caller:ECMAScript5给函数对象添加的一个属性,引用的是调用当前函数的函数,全局作用域调用函数时,为null(其实就是外部引用) 严格模式下,不能访问arguments.callee和arguments.caller,不能给函数的caller赋值 非严格模式下,arguments.caller为undefined ?new.target: 检测函数是否是通过new关键字调用 十、函数属性和方法 每个函数有两个属性:prototype(原型)和length(命名参数的个数) 每个函数有两个方法: ?call:第二部分一个一个传参 ?apply:第二个参数可以是Array实例或者arguments对象 Bind():会创建一个新的函数实例,将其this值绑定传入bind的对象参数 十一、函数表达式: 匿名函数(兰姆达函数):创建一个函数赋值给一个变量,未赋值给其他变量的匿名函数name属性为空字符串 十二、递归 建议使用arguments.callee 十三、尾调用优化 ES6新增一项内存管理优化机制,让js引擎在满足条件时重用栈帧。 尾调用:外部函数的返回值是一个内部函数的返回值 ?function outerFn() { return inFn() } ES6尾调用关键:如果函数逻辑允许基于尾调用将其销毁,则JS引擎就会这么做 尾调用优化的条件: 确定外部栈帧是否没有必要存在了 1.代码在严格模式下执行;(因为非严格模式下允许使用f.arguments和f.caller) 2.外部函数的返回值是对尾调用函数的调用 3.尾调用函数返回后,不需要额外的逻辑操作 4.尾调用函数不是引用外部函数作用域中自由变量的闭包 尾调用优化案例: 十四、闭包 闭包:引用了另一个函数作用域内变量的函数 this对象:如果内部函数没有使用箭头函数定义,this会在运行时绑定到执行函数的上下文 如果在全局函数中调用,this在非严格模式下等全局对象window,在严格模式下等于undefined 如果作为某个对象的方法调用,this等于这个对象 匿名函数不会绑定到某个对象,this会指向window或者undefined 十五、立即调用的函数表达式(IIFE) IIFE:立即调用的匿名函数 模拟块级作用域 十六、私有变量 任何定义在函数或者块中的变量,都可以被认为是私有的 私有变量包括函数参数、局部变量和内部定义的其他函数 特权方法:能够访问函数的私有变量或者私有函数的公有方法 1.在构造函数中实现:定义在构造函数内部的特权方法其实是一个闭包,具有访问私有变量的能力 2.通过使用私有作用域定义私有变量和函数 没有使用关键字定义的Person是一个全局变量,可以在外部访问,而getName和setName是闭包 |
|
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 10:54:50- |
|
网站联系: qq:121756557 email:121756557@qq.com IT数码 |