JavaScript中的一些知识

箭头函数：

• 包围参数列表的小括号()
  无参(必定要写括号):() => {...}
  1个参数(括号可省略):x => {...}
  多个参数(必定要写括号)：(x, y) => {}

• 包围函数体的大括号{}

  • 若是只有返回语句，能够省略{}和return关键字，直接写返回值。
    但若是返回值是object类型，应该用()包围对象。
    如num => ({age:num})。不然返回值为undefined。
    缘由见JS中的{},()及自调用
  • 若是有多条语句，函数体用{}括起来，不可省略。

//无参的箭头函数：
var f1 = ()=>{console.log("箭头函数");}
f1();//箭头函数

//含参的箭头函数：
var f2 = (a,b)=>{return a+b;}
f2(5,5);//10

//测试：用箭头函数遍历数组
var array =[1,2,3,4,5];
array.forEach((a)=>{console.log(a)});//1,2,3,4,5

匿名函数自调用：

(function(){
    console.log("自调用")
})();//这里的括号表示调用本身

(function(){
    console.log("自调用")
}());//括号写在里面也能够

(function(obj){
    console.log(obj)
})(100);//向obj传进实参

//固然也能够用箭头函数的形式写出来
(()=>{console.log("箭头自调用函数");)();//括号也能够写在里面

回调函数：

实参传给形参参数，这里的callback指向function(result){console.log(result)}

模板字符串拼接：

两边用`这个符号括起来，变量放在${}里面

定义变量
var a=100;
var b=200;

//普通写法
console.log(a+"+"+b+"="+(a+b));//100+200=300

//模板拼接写法
`${a}+${b}=${a+b}`//100+200=300