https://github.com/dntzhang/oba

Observe any object's any change
https://github.com/dntzhang/oba

observable observer

Last synced: about 2 months ago
JSON representation

Observe any object's any change

• Host: GitHub
• URL: https://github.com/dntzhang/oba
• Owner: dntzhang
• License: mit
• Created: 2018-09-20T03:14:06.000Z (almost 6 years ago)
• Default Branch: master
• Last Pushed: 2018-09-25T07:21:31.000Z (almost 6 years ago)
• Last Synced: 2024-06-20T17:15:33.475Z (3 months ago)
• Topics: observable, observer
• Language: JavaScript
• Homepage:
• Size: 104 KB
• Stars: 103
• Watchers: 5
• Forks: 3
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-github-star - oba

README

        
## oba.js

[![Build Status](https://secure.travis-ci.org/dntzhang/oba.png?branch=master)](https://travis-ci.org/dntzhang/oba)

用于观察任意对象的任意变化的类库，以轻巧、实用、强大而闻名。

ps:源代码未压缩版仅仅只有158行代码:)

### 安装

```js

npm install obajs

```

## 3分钟精通observe.js

### 对象字面量

```javascript

var obj = { a: 1 };

observe(obj, function (name, value , old) {

    console.log(name + "__" + value + "__" + old);

});

obj.a = 2; //a__2__1 

```

### 数组

```javascript

var arr = [1, 2, 3];

observe(arr, function (name, value, old) {

    console.log(name + "__" + value+"__"+old);

});

arr.push(4);//Array-push__[1,2,3,4]__[1,2,3] 

arr[3] = 5;//3__5__4

```

### 复杂对象

```javascript

var complexObj = { a: 1, b: 2, c: [{ d: [4] }] };

observe(complexObj, function (name, value , old, path) {

    console.log(name + "__" + value + "__" + old);   //d__100__4 

	console.log(path)	                             //#-c-0

});

complexObj.c[0].d = 100;

```

### 普通对象

```javascript

var User = function (name, age) {

    this.name = name;

    this.age = age;

    //只监听name

    observe(this, ["name"], function (name, value, oldValue) {

        console.log(name + "__" + value + "__" + oldValue);

    });

}

var user = new User("lisi", 25);

user.name = "wangwu";//name__wangwu__lisi 

user.age= 20; //什么都输出，因为没有监听age

```

This content is released under the (http://opensource.org/licenses/MIT) MIT License.