小程式中的ES6 Class

movie-detail.js原始寫法

var util = require('../../../utils/utils.js')//引用資料請求的公共函式

page(

},//es6方式 module,class,promise,=>

onload:function

(options),

//資料處理函式

processdoubandata:function

(data)

//定義乙個空的js物件（導演director）為什麼單獨處理director，因為資料這個地方總是為空，其他資料有地方為空時，也要做相應處理

var director =

//資料容錯

if(data.directors[0] !=null)

director.name = data.directors[0].name;

director.id = data.directors[0].id;

} var movie =

//資料繫結

this.setdata()

},// 檢視

viewmoviepostimg:function

(event),

fail: function

(res) ,

complete: function

(res)

})}})

es6寫法，新建movie.js類

var util = require('../../../../utils/utils.js');

// 建立movie物件
class movie 
//定義兩個成員變數getmoviedata,processdoubandata
getmoviedata(cb) 
processdoubandata(data) 
var director = 
//資料容錯
if (data.directors[0] != null) 
director.name = data.directors[0].name;
director.id = data.directors[0].id;
}var movie = 
this.cb(movie);
}}//class物件是個模組，使用export把物件輸出出去
export

import  from 'class/movie.js'

//引入類
page(
},//es6方式 module,class,promise,=>
onload:function
(options))
})},
// 檢視
viewmoviepostimg:function
(event))
}})

ES6 Class語法介紹

參考文章 ecmascript 6 入門 概述 基本上，es6 的class可以看作只是乙個語法糖，它的絕大部分功 能，es5 都可以做到，新的class寫法只是讓物件原型的寫法更加清晰 更像物件導向程式設計的語法而已。舉個栗子 es5 function point x,y point.protot...

簡單理解 es6 class

類即物件 es6 除錯最簡單的方法 直接在node控制台執行js，完全不需要考慮瀏覽器相容性而去安裝babel等編譯器的去編譯後再除錯 先舉個例子 class a start 複製 乙個類就這麼產生了，只要new一下，這個類就可以被用了 let b new a 複製 可能這個類將會有很多地方要使用，...

ES6 Class基本用法

es6提供了更接近傳統語言的寫法，引入了class 類 這個概念，作為物件的模板。通過class關鍵字，可以定義類。基本上，es6的class可以看作只是乙個語法糖，它的絕大部分功能，es5都可以做到，新的class寫法只是讓物件原型的寫法更加清晰 更像物件導向程式設計的語法而已。1.我們先用建構函...