teach-2

Posted 2020-09-18 web developer

------------------------------------------------------------------------
字符串连接:
之前:
var str=‘‘;
var str=""

反单引号: var str= `` 字符串模板

之前: ‘abc‘+变量名+‘ef‘
现在: `abc${变量名}ef`
------------------------------------------------------------------------

数组

Array.from方法用于将两类对象转为真正的数组：类似数组的对象（array-like object）和可遍历（iterable）的对象（包括ES6新增的数据结构Set和Map）。字符串也是可遍历的对象

Array还具有map功能

Array.from([1,2,3], (x) => x * x);

ES6提供三个新的方法——entries()，keys()和values()——用于遍历数组。

它们都返回一个遍历器对象（详见《Iterator》一章），可以用for...of循环进行遍历，

唯一的区别是keys()是对键名的遍历、

values()是对键值的遍历，

entries()是对键值对的遍历。

 

函数的扩展

1 函数参数的默认值

在ES6之前，不能直接为函数的参数指定默认值，只能采用变通的方法。

function log(x,y){

 y = y || "hello world!";

 console.log(x, y);

}

es6允许函数为参数设置默认值，即直接写在参数定义的后面。

function log(x, y = "world"){

 console.log(x,y);

}

除了简洁，ES6 的写法还有两个好处：首先，阅读代码的人，可以立刻意识到哪些参数是可以省略的，不用查看函数体或文档；其次，有利于将来的代码优化，即使未来的版本在对外接口中，彻底拿掉这个参数，也不会导致以前的代码无法运行。

----------------------

箭头函数：
=>

var show=a=>a; function show(a){return a};

var show=(a,b)=>a+b; function show(a,b){return a+b};

var show=()=>‘welcome‘; function show(){return ‘welcome‘}

var show=() => { function show(){
alert(1); alert(1);
} }

注意：
this问题， this指向了window
arguments， 不能使用了