首页 > 代码库 > teach-2

teach-2

------------------------------------------------------------------------
字符串连接:
之前:
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, 不能使用了

teach-2