### 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學習