做网站上面图片的软件,固定ip做网站和域名区别,给别人做网站别人违法经营,郑州航海路附近网站建设公司1.什么是箭头函数 箭头函数是ES6新定义函数的语法 语法#xff1a;(参数)函数体 传统函数#xff1a; let sum function(a,b){return ab;} 箭头函数 let sum(a,b){return ab;}
2.箭头函数的用法 2.1省略保函参数的小括号 如果只有一个参数#xff0c;参数小括号…1.什么是箭头函数 箭头函数是ES6新定义函数的语法 语法(参数)函数体 传统函数 let sum function(a,b){return ab;} 箭头函数 let sum(a,b){return ab;}
2.箭头函数的用法 2.1省略保函参数的小括号 如果只有一个参数参数小括号可以省略。只有没有参数或多个参数的情况下不能省略 实例 let sum x {return x1;} 2.2省略函数体的大括号 条件 只有一行代码 省略大括号会返回这一行的值 省略大括号不能有return关键字 实例 let sum (a,b) ab;//相当于return ab; 2.3嵌入函数非常适用语法简洁 JS嵌套函数函数的调用必须调用该最外层主函数。 传统JS嵌入函数写法柯里化 funtion add(a){return function(b){return ab;}}//调用console.log(add(4)(5))
箭头函数写法柯里化 const add (a)(b){return ab;} //调用console.log(add(4)(5))
多重嵌套函数对比 ES5写法
function insert(value){//插入的值return into:function(array){//要插入的数组return after:function(afterValue){//添加元素的位置或者理解为把元素添加在什么位置赋予什么下标array.splice(array.indexof(afterValue)1,0,value)//删除数组元素afterValue并向数组中插入新的值元素valuereturn array;}}}
调用
console.log(insert(1).into([1,3]).after(1))//向数组中传入元素1在素组下表加2的位置中素组为【13】最终返回【113】详情见array.splice()函数
ES6写法
let Insert (value)({into:(array({after:affterValue){array.splice(array.indexof(afterValue)1,0,value);return array;}})
})
调用
console.log(insert(1).into([1,3]).after(1))//向数组中传入元素1在素组下表加2的位置中素组为【13】最终返回【113】详情见array.splice()函数
2.4箭头函数的指向 什么是this作用使用 this的本质是”一个对象数据结构“用于指向数据 通过this关键字可以操作和使用数据 函数的this指向 1.this指向Window 声明式函数 匿名函数 定时器 延时器 forEach循环 2.this指向事件源 事件绑定中事件处理函数this指向默认是事件源也就是绑定事件的标签对象 3.this指向数组/对象 数组/对象中存储的函数this,指向的就是数组/对象
箭头函数this指向 箭头函数的this指向是父级程序this的指向 如果没有父级程序或者父级程序没有指向则指向的是Window
实例
一匿名函数绑定的事件处理函数指向事件源也就是div标签对象 oDiv.addEventListener(click,function(){console.log(this)})
二箭头函数this的指向是父级程序的指向下面箭头函数没有父级程序所以指向的是Window oDiv.addEventListener(click,(){console.log(this)})
三对象中定义的函数和箭头函数 const obj{name:张三age:18,sex:男,fun1:funtion(){//对象中定义的函数this指向对象本身返回Objconsole.log(this)},fun2:(){//没有父级程序的箭头函数指向的是Window,返回Windowconsole.log(this)},fun3:function(){//对象中定义的函数fun3中this指向的是对象本身Objfun4:(){console.log(this)//箭头函数fun4中this指向父级程序fun3,fun3指向对象本身所以fun4的this指向也是返回Obj}fun4();}}
