es6学习—–阮一峰大佬

第一章 第一节

1.let 和const 声明的变量无变量提升,在他们之前执行该变量都将报错 此为暂时性死区,var 会有hoisting(提升机制)

所以块级声明用于声明在指定块的作用域之外无法访问的变量存在于 a-函数内部 b-块中

2.var和function的全局声明会自动绑定到window或global对象,这是ES5全局变量的一个缺陷,let和const不会。

1
2
3
4
5
6
7
8
9
10
11
12
function getValue(params){

if(params) {
var value = 'hello'
return value
}else{
// 此处可以访问value变量,其值为 undefined
return null
}
// 此处可以访问value变量,其值为 undefined

}

实际上,无论如何,变量value其实都会创建。相当于在第2行中添加了 var value;
3.解构赋值的作用:在多个条件下可以配合策略模式编写代码,提高代码可读性和降低冗余度 let { a: value } = { a: 123 } // 会报错
应为: let {a:a} = {a:123}
4.箭头函数 => 例如: arr.map(item=> item +1) ===>arr.map(function (item) { return item + 1})
5.合并对象 Object.assign(), 将多个对象合并到第一个对象
6.插入es6学习思维导图

7.字符串对象共有4个方法 match() replace() search() split()可以使用正则表达式
例如:String.prototype.match 调用 RegExp.prototype[Symbol.match]

相关文章
评论
分享
  • 城市三联

    123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263...

    城市三联
  • 老式浏览器是否支持字符串比较正则u修饰符字符模式

    检测当前引擎是否支持u修饰符12345678function hasRegExpU(){ try{ var pattern = new RegExp('.',u); return ...

    老式浏览器是否支持字符串比较正则u修饰符字符模式
  • 随机十六进制颜色

    const randomHexColorCode => () { let n = (Math.random() * 0xfffff * 1000000).toString(16); ret...

    随机十六进制颜色
  • 各种去重的效率

    1. set方法去重123function unique(){ return Array.from(new Set(this))} 1234567const arr =[]for (let i = 0; i ...

    各种去重的效率
  • 手写bind和call及apply

    自定义bind和call及apply重要的是this和参数```bash js// 设置公共this方法let pubContext = funtion(){return this} Function.prototype._bind ...

    手写bind和call及apply
  • 全网灰暗效果

    css处理全网灰暗css12345678filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms...

    全网灰暗效果
  • 校验工具类函数

    验证邮政编码1234/** * @param { string } value */export const isPostcode = value => /^(0[1-7]|1[0-356]|2[0-7]|3...

    校验工具类函数
  • 观察者模式和发布订阅模式

    观察者模式和发布订阅模式观察者模式:是指一个对象(subject)维持一个依赖列表Observer,当主题状态发生变化的时候,会通知观察者集合。发布和观察者都能看到对方都知道对方的存在。比如事件触发。发布订阅模式:观察者和订阅者关联。...

    观察者模式和发布订阅模式
  • vue请求封装

    js1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162...

    vue请求封装
  • 面试题目

    vue-loader 的原理是什么

    面试题目
Please check the comment setting in config.yml of hexo-theme-Annie!