JS高级 - 面向对象1（this，Object ，工厂方式，new ）

1.this 详解，事件处理中this的本质

<script type="text/javascript">

var arr=[12,65,87];
//this:当前的方法，属于谁
arr.show =function (argument) {
// body...
console.log(this);      //[12,65,87]
}
arr.show();

function show(){
console.log(this);      //window
}
show();

</script>

2.Object 的使用：

<script type="text/javascript">
var obj = new Object();
obj.aaa = 12;
obj.show = function (argument) {
console.log(this.aaa); //12
}
obj.show();
</script>

3.工厂方式：

<script type="text/javascript">
function createPerson(name, sex) {
var obj = new Object();
obj._name = name;
obj._sex = sex;

obj.showName = function() {
console.log('我的名字叫：' + this._name);
}
obj.showSex = function() {
console.log('我是' + this._sex + '的');
}
return obj;
}

var p1 = createPerson('唐三', '男');
p1.showName();
p1.showSex();

var p2 = createPerson('唐九妹', '女');
p2.showName();
p2.showSex();
</script>

4.new的情况：

<script type="text/javascript">
function createPerson(name, sex) {
//var this = Object();
this._name = name;
this._sex = sex;

this.showName = function() {
console.log('我的名字叫：' + this._name);
}
this.showSex = function() {
console.log('我是' + this._sex + '的');
}
//return this;
}

var p1 = new createPerson('唐三', '男'); //new 的情况下
p1.showName();
p1.showSex();

var p2 = new createPerson('唐九妹', '女');
p2.showName();
p2.showSex();
</script>