面向对象初始

一 概念

#### 1、属性与方法

```js
var obj = {}; | var obj = new Object();
// 属性
obj.prop = "";
// 方法
obj.func = function () {}
// 删除属性与方法
delete obj.prop
delete obj.func
```

#### 2、类字典结构使用

- 结构

```js
var dict = {name: "zero", age: 18}
```

- 拓展

```js
var dict = {"my-name": "zero", fn: function () {}, fun () {}}
```

- 使用

```js
dict.name | dict["my-name"] | dict.fn()


二 代码示范

<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>面向对象初始</title>
</head>
<body>
拓展性强
减少代码冗余
降低成本

思考: 面向过程 面向对象
转变: 函数(函数名调用) => 方法(调用者调用)
新增: 属性 => 描述作用
</body>
<script type="text/javascript">
// 创建一个对象
var obj = {}

// 对象一定拥有属性与方法

// 属性
obj.name = "大毛";
obj["age"] = 18;
// 打印对象
console.log(obj);
// 使用属性
console.log(obj["name"]);
console.log(obj.age);

// 方法
obj.eat = function () {
console.log("吃吃吃!!!");
}
// 方法的使用
obj.eat();

// 注:可以对对象任意添加属性和方法

// 属性|方法的移除
delete obj.name

console.log(obj);

</script>
</html>

 

posted @ 2018-10-16 15:15  不沉之月  阅读(72)  评论(0编辑  收藏  举报