标签：背景颜色   The   alt   meta   lazy   代码   fun   cat   lang   

一.借用原型对象实现继承

class Person {
    constructor (name, age) {
        this.name = name
        this.age = age
    }
    info () {
        console.log("I am " + this.name)
    }
}

class Student extends Person {
    constructor (name, age, grade) {
        super(name, age)  // super必须在子类this之前
        this.grade = grade
    }
    getGrade () {
        console.log(this.grade)
    }
}

var stu1 = new Student(‘li lei‘, 18, ‘A‘)
stu1.info()  // I am li lei
stu1.getGrade()  // A

定义两个构造函数Student和Person，利用原型对象模拟上面类的继承关系。就是用对象模拟类，然后用call方法在函数内调用父类的方法即可。
注意call的返回值是调用者提供的 this 值和参数调用该函数的返回值。若该方法没有返回值，则返回 undefined。

代码如下：

function Person(name,age){
    this.name = name;
    this.age  = age;
    this.info = () => { console.log("I am " + this.name);}
}

function Student(name,age,grade){
    Person.call(this,name,age);
    this.grade=grade;
    this.getGrade = ()=>{ console.log(this.grade);}
}

var stu1 = new Student(‘li lei‘, 18, ‘A‘);
stu1.info();
stu1.getGrade();

二.排他思想

有五个按钮，点击其中一个按钮，该按钮背景颜色变为"pink"，其他按钮变为"white"。

只要注意添加点击事件时需要知道被点击的对象；

目标效果图如下：

按钮
    按钮
    按钮
    按钮
    按钮
    

三.页面带参数自动跳转

在a.html页面上利用prompt输入一个name，3秒后自动跳转到b.html页面，且在b页面上弹出（ alert ）刚才在a页面输入的name值。
思路就是将参数拼接到原来的url上，然后跳转后的页面里把url和参数解析出来即可。

//A页面





这是A页面
    

//B页面





这是B页面
    

javascript基础练习：借用原型对象实现继承 & 排他思想 & 页面带参数自动跳转

标签：背景颜色   The   alt   meta   lazy   代码   fun   cat   lang   

原文地址：https://www.cnblogs.com/FlyerBird/p/13270125.html