商业网站首页怎么做,遵义在线论坛,西安平面设计公司排行,商城网站素材1.箭头函数
ES6新增语法#xff0c;用来简化函数的书写(){} script//箭头函数的基本使用let a (a,b){return ab;}let c a(1,2);console.log(c);//输出3/script
2.简写形式#xff1a;
2.1参数#xff1a;只有一个参数时可以省略小括号a{}用来简化函数的书写(){} script//箭头函数的基本使用let a (a,b){return ab;}let c a(1,2);console.log(c);//输出3/script
2.简写形式
2.1参数只有一个参数时可以省略小括号a{} scriptlet fn2 a{return a1;}let d fn2(4);console.log(d);//输出5/script
2.2代码块只有一行代码时可以省略大括号(a,b)ab相当于(a,b){return ab} scriptlet fn3 (a,b)ab;let e fn3(5,6);console.log(e);//输出11/script
2.3即省略()又省略{}箭头函数的返回值就是这一行代码的执行结果aa1 scriptlet fn4 a a1;let f fn4(3);console.log(f);//输出4/script
3.箭头函数的特征
3.1不可以作为构造函数使用 script//箭头函数let fn2 (){}let f21 new fn2();//报错fn2 is not a constructor,fn2不是一个构造函数/script
3.2没有自己的this关键字(代码块内部的this是所在作用域的this) script//函数声明function fn1(){console.log(this);//输出对象{name: 张三, age: 18}}//箭头函数let fn2 (){//console.log(arguments);//报错箭头函数arguments不存在console.log(this);//输出对象window}fn1.call({name:张三,age:18});fn2.call({name:李四,age:20});//箭头函数没有自己的this输出的是自己所在全局作用域window的this/script
3.3没有new.target属性
4.new.target在函数内部用来区分函数的调用方式
4.1直接调用new.target值为undefind scriptfunction fn(){console.log(new.target);}//直接调用fn();//输出undefind/script
4.2通过new关键字调用new.target值为函数本身 scriptfunction fn1(){console.log(new.target);}//实例化调用new fn1();//输出结果如下图/script 5.模版字符串(反引号,数字1左边的键)
可以嵌套变量 可以换行用${变量名}嵌套变量 scriptlet title 标题;let str ullititle/li/ul;//模版字符串let str1 ulli${title}/li/ul;console.log(str);console.log(str1);/script
输出结果如下