Fork me on GitHub

orn

快速物件化您的JS,加速開發與管理

基於jQuery開發的輕量級Library(壓縮6kb)

Download v0.5a

Alpha版本,還有很多問題和需要加強的地方,若有問題或想法可 聯絡我,覺得不錯記得給個

JSBorn : 輕量級的JavaScript Library,讓 JavaScript 實現物件化,繼承,模組等功能。

  1. 下載jQuery:

    JSBorn基於jQuery開發,所以必須先下載jQuery,需要版本 1.5or1.5+

    下載jQuery

  2. 下載JSBorn

    您可以下載最新版本或到GitHub查看各版本和原始碼

    最新版本 v0.5a GitHub 下載

使用方式

準備好一切後,即可馬上開始使用。範例如下:

<!DOCTYPE html>
<html>
	...
	<script src="jquery-1-10-2.js"></script>
	<script src="jsborn.js"></script>
	...
	<script type="text/javascript">

		JSB.cls("define.your.classname", {
			initialize: function() {
				console.log("helloworld!");
			}
		})

	</script>
	...
</html>
		

快速定義您的物件,並且設定函式。範例如下:

編輯範例

JSB.cls("define.your.classname", {
    //define get
    getData: function () {
        return this.data;
    },
    //define set
    setData: function (data) {
        this.data = data;
    },

    initialize: function () {
        console.log("define.your.classname initialize!");
    }

})
//create class
var _cls = JSB.create("define.your.classname");
//set data
_cls.setData("hello");
//get data
console.log("_cls.getData():" + _cls.getData());
		

你也可以用以上的例子建立多個物件。範例如下:

編輯範例

...
//class array
var _ary_cls = [];

for (var i = 0; i < 10; i++) {

	var _cls = JSB.create("define.your.classname");

	_cls.setData(i);

	console.log(_cls.getData());
	//push class in array 
	_ary_cls.push(_cls);
};
//console index 2 data
console.log(_ary_cls[2].getData());

...
		

關於JSBorn

您可以點此 JSBorn's Features 了解更多關於JSBorn的功能