### 1.方法简写
在 Es6中已经支持 方法简写,一般情况下我们定义一个方法是这么写:
~~~
var object = {
name: 'chen',
sayname:function(){
alert(this.name)
}
}
~~~
经过Es6的语法之后,我们可以这么写:
~~~
let object = {
name:'chen',
sayname() {
alert this.name
}
}
~~~
定义对象的方法中有this时,不要使用箭头函数:
~~~
let object{
name :'chen'
}
object.sayname = ()=>{alert this.name}
object.sayname();
~~~
箭头函数中的this是指向外部作用域中的this,你在执行object.sayname()时,sayname的当前作用域是object,外部作用域是window,所以得到window。
**还有一点我们在外面给对象附加方法时不要使用方法简写**
~~~
let object = {
name:'chen',
}
object.sayname() {
alert this.name
}
~~~
语法错误
模板对象:
在Es5 中我们在字符串中拼接变量通常是用以下写法:
~~~
var sayName = function (id) {
return 'ajax/a/'+id
}
console.log(sayName(50)) //ajax/a/50
~~~
在ES 6中我们可以这么写 在一个${}里写上变量 如:
~~~
let sayName = id=>`ajax/a/${id}`;
console.log(sayName(50)) //ajax/a/50
~~~
**注意:这里字符串不再使用单引号括起来,而是反引号,两个长得非常像不要用错**
- 空白目录
- Javascript
- angularjs
- 自定义指令
- scope
- 自定义指令的封装
- 自定义指令限制只能输入数字
- 轮播图
- 写angular的顺序
- $state
- video
- Es6
- Let
- 箭头函数
- export
- promise
- 函数
- vue
- vue安装,以及项目结构
- vue的使用
- easy-vue
- vue起步
- vue基础
- vue-router
- vue-各文件的依赖关系
- vuex
- vue使用sass语法
- mpvue使用wx.parse
- vue-cli 构建vue项目
- vant的使用
- vue使用插件及常见问题
- 原生Js
- 数组
- ajax
- 执行上下文
- 正则表达式
- jqurey
- jqurey-mobile
- html5
- 工具
- svn使用总结
- webpack
- webpack的构建
- WebStorm
- 切图相关
- 苹果手机注意事项
- other
- 前端的价值
- 面试相关
- css
- 小程序如何引用外部字体
- 流的理解
- 替换元素
- content和伪元素
- padding和background 绘制图形
- css圆角,阴影,渐变
- line-height verticle-align
- 使用background绘制4个直角
- android的字体偏上的问题
- 小程序
- 小程序常见问题
- 小程序常用效果
- mpvue
- nodejs
- 前端工程化学习笔记
- mork.js学习