# observer.js

> Simple utility for watching object changes.

Latest version **0.4.0** (published 2016-09-28) · MIT license · 0 weekly downloads

## Install

```sh
npm install observer.js
pnpm add observer.js
yarn add observer.js
bun add observer.js
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.4.0 |
| Published | 2016-09-28 |
| First published | 2016-03-05 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 1 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 6 |
| Author | Tao Zeng |
| Maintainers | tao.zeng |
| Keywords | observe, watch, data bind |

## Links

- npm: https://www.npmjs.com/package/observer.js
- Repository: https://github.com/tao-zeng/observer.js
- Issues: https://github.com/tao-zeng/observer.js/issues
- npm.io page: https://npm.io/package/observer.js

## Dependencies (1)

- [utility.js](https://npm.io/package/utility.js.md) ~0.1.0

## Recent versions

- 0.4.0 (latest) — 2016-09-28
- 0.3.6 — 2016-09-27
- 0.3.5 — 2016-09-27
- 0.3.4 — 2016-09-22
- 0.3.3 — 2016-09-22
- 0.3.2 — 2016-09-22
- 0.3.1 — 2016-09-12
- 0.3.0 — 2016-08-12
- 0.2.7 — 2016-07-21
- 0.2.6 — 2016-07-13
- 0.2.5 — 2016-07-11
- 0.2.4 — 2016-07-11
- 0.2.3 — 2016-07-07
- 0.2.2 — 2016-07-06
- 0.2.1 — 2016-07-06
- … 13 more at https://npm.io/package/observer.js/versions

## README

[![Build](https://api.travis-ci.org/tao-zeng/observer.js.svg?branch=master)](https://travis-ci.org/tao-zeng/observer.js)
[![codecov.io](https://codecov.io/github/tao-zeng/observer.js/coverage.svg?branch=master)](https://codecov.io/github/tao-zeng/observer.js?branch=master)
[![Version](https://img.shields.io/npm/v/observer.js.svg)](https://npmjs.org/package/observer.js)
[![License](https://img.shields.io/npm/l/observer.js.svg)](https://npmjs.org/package/observer.js)
[![Downloads](https://img.shields.io/npm/dt/observer.js.svg)](https://npmjs.org/package/observer.js)

##observer.js

用于观察任意对象的任意变化的类库。
支持 ES7 Object.observe, IE 6 7 8


### 对象字面量
```javascript
var obj = { a: 1 };
observer.on(obj, function (name, value , old) {
    console.log(name + "__" + value + "__" + old);
});
obj.a = 2; //a__2__1 
```

### 数组
```javascript
var arr = [1, 2, 3];
observer.on(arr, function(name, value, old) {
    console.log(name + "__" + value + "__" + old);
});
arr.push(4); //Array-push__[1,2,3,4]__[1,2,3]
arr[2] = 5; //2__5__3   length__4__3
```

### 复杂对象
```javascript
var complexObj = {
    a: 1,
    b: 2,
    c: [{
        d: [4]
    }]
};
observer.on(complexObj, 'c[0].d', function(name, value, old) {
    console.log(name + "__" + value + "__" + old); 
});
complexObj.c[0].d = 100; //c[0].d__100__4
```
### 普通对象
```javascript
var User = function(name, age) {
    this.name = name;
    this.age = age;
    //只监听name
    observer.on(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; //nothing，no listener
```


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

---
_Source: https://npm.io/package/observer.js · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._