构造函数

一 概念

```js
function People(name, age) {
    this.name = name;
    this.age = age;
    this.eat = function () {
        return 'eat';
    }
}
```

二 代码示范
构造函数

<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>构造函数</title>
</head>
<body>

</body>
<script type="text/javascript">
// 万物皆对象
// var num = 3.14;
// console.log(num.toFixed(1));

// 普通函数
function fn() {
var num = 10;
console.log('普通函数');
}
fn();

// 构造函数其实就是普通函数
// 特定的语法与规定:
// 1.一般采用首字母大写(大驼峰)
// 2.内部可以构建属性与方法,通过this关键词
function People(name) {
this.name = name;
this.eat = function (agr) {
console.log(this.name + "吃" + agr);
}
}

var p1 = new People("zero"); // new关键词, 创建对象并实例化
var p2 = new People("seven");
// 使用属性
console.log(p1.name);
console.log(p2.name);
// 使用方法
p2.eat("霸王餐");

// p1,p2就是People构造函数创建出来的对象
console.log(p1);

</script>
<!--
总结:
1.构造函数可以创建多个对象,{}构建出的对象是唯一的
2.属性与变量的语法规则不一样
-->
<script type="text/javascript">
var obj = {
index: "obj对象",
fn: function () {
console.log("obj方法");
}
};
// 使用属性与方法
console.log(obj.index);
obj.fn();
</script>

</html>



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