首页 > 代码库 > 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