ES6新特性之简化对象和函数写法
概述:
ES6允许在大括号里面,直接写入变量和函数,作为对象的属性和方法,这样书写更加简洁;代码示例以及相关说明:ES6允许在对象的大括号内直接写入变量和函数作为对象的属性和方法变量和函数letpeople大哥;letchangefunction(){console。log(活着就是为了改变世界!);}创建对象constschool{完整写法people:people,change:change简化写法people,change,声明方法简化say(){console。log(言行一致!);}}school。change();school。say();
运行结果:
二、箭头函数
1、概述
ES6允许使用箭头()定义函数,箭头函数提供了一种更加简洁的函数书写方式,箭头函数多用于匿名函数的定义;
2、箭头函数的注意点
如果形参只有一个,则小括号可以省略;
函数体如果只有一条语句,则花括号可以省略,函数的返回值为该条语句的执行结果;
箭头函数this指向声明时所在作用域下this的值;
箭头函数不能作为构造函数实例化;
不能使用arguments;
3、特性
箭头函数的this是静态的,始终指向函数声明时所在作用域下的this的值;
不能作为构造实例化对象;
不能使用arguments变量;
4、代码演示及相关说明
注意:箭头函数不会更改this指向,用来指定回调函数会非常合适;!DOCTYPEhtmlhtmlheadmetacharsetutf8title箭头函数titleheadbodybodyhtml5、运行结果
应用场景:!DOCTYPEhtmlhtmlheadmetacharsetutf8title箭头函数的实践和应用场景titlestylep{width:200px;height:200px;background:58a;}styleheadbodybodyhtml从数组中返回偶数的元素!DOCTYPEhtmlhtmlheadmetacharsetutf8title箭头函数的实践和应用场景titlestylep{width:200px;height:200px;background:58a;}styleheadbodybodyhtml