JS-面向对象相关

• onload 初始化 类似 构造函数初始化对象
• 全局变量　　->  属性
• 函数　　->  方法
• 面向对象中最重要的就是 this的理解  this报错的原因  定时器的使用

function Aaa()
{
    var _this=this;
    this.a=1;
    
        //使用定时器  其中的this 指向window
    setInterval(function (){
        
        _this.show();
    }, 1000);
}

Aaa.prototype.show=function ()
{      
         //如果不定义_this,那么this.a调用的就是 window   
    alert(this.a);
};

window.onload=function ()
{
    new Aaa();
};           

• Json方式 的面向对象

//相对简单 如果需要多个对象就不行了   比如 多点登录
var obj={a: 12, b: 5, c: function (){
    alert(this.a);
}};

obj.c();


var p1={
    name: 'blue',
    sex: '男',
    showName: function ()
    {
        alert('我的名字是：'+this.name);
    },
    showSex: function ()
    {
        alert('我的性别是'+this.sex+'的');
    }
};

p1.showSex();

JS本身是没有继承标准的  js也没有提供标准  所谓的继承就是 具备父级的属性和方法  开发者根据需要  实现自己需求  用了各种方法

<?php
// PHP中的继承
class Person
{
    function __construct($name, $sex)
    {
        $this->name=$name;
        $this->sex=$sex;
    }
    
    function showName()
    {
        echo $this->name;
    }
    
    function showSex()
    {
        echo $this->sex;
    }
}

class Worker extends Person
{
    function __construct($name, $sex, $job)
    {
        parent::__construct($name, $sex);
        
        $this->job=$job;
    }
    
    function showJob()
    {
        echo $this->job;
    }
}

$w1=new Worker('blue', '男', '打杂的');

$w1->showName();
$w1->showJob();
?>

//js中的 一种继承写法
function Person(name, sex)
{
    this.name=name;
    this.sex=sex;
}

Person.prototype.showName=function ()
{
    alert(this.name);
};

Person.prototype.showSex=function ()
{
    alert(this.sex);
};

//-------------------------------------

function Worker(name, sex, job)
{
    //this->new出来的Worker对象
    //构造函数伪装        调用父级的构造函数——为了继承属性
    Person.call(this, name, sex);
    
    this.job=job;
}

//原型链  通过原型来继承父级的方法  这种赋值会影响Person的方法  不推荐使用
//Worker.prototype=Person.prototype;

//循环赋值 
for(var i in Person.prototype)
{
    Worker.prototype[i]=Person.prototype[i];
}

Worker.prototype.showJob=function ()
{
    alert(this.job);
};

var oP=new Person('blue', '男');
var oW=new Worker('blue', '男', 'php');

oP.showName();
oP.showSex();

oW.showName();
oW.showSex();
oW.showJob();