继承和新增选择器

继承 call apply

二者都可以改变当前的this,区别在于apply方法要将参数放入数组中再传参

functionaa(a,b){

    alert('我的this是' + this + ', 我的a是 ' + a + ', 我的b是 ' + b);

}

//我的this是[object Window],我的a是2,我的b是3//

aa(2,3);

//我的this是abc,我的a是2,我的b是3//

aa.call('abc',2,3);

//我的this是abc,我的a是2,我的b是3

aa.apply('abc',[2,3]);

//父类

functionFclass(name,age){

    this.name = name;

    this.age = age;

}

Fclass.prototype.showName = function(){

    alert(this.name);

}

Fclass.prototype.showAge = function(){

    alert(this.age);

}

//子类

functionSclass(name,age,job){

    //属性用call或者apply的方式来继承

    Fclass.call(this,name,age);this.job = job;

}

//方法继承:将父类的一个实例赋值给子类的原型属性

Sclass.prototype=newFclass();

Sclass.prototype.showJob=function(){

    alert(this.job);

}

//由于已经继承了父类的属性和方法,所以可以直接调用

var Driver = newSclass('tom',18,'老司机');

Driver.showName();

Driver.showAge();

Driver.showJob();

新增选择器

window.onload = function(){

    var oDiv = document.querySelector('#div1');

    alert(oDiv);//弹出[object HTMLDivElement],表示选择了该Div

    //如果要选择多个元素用querySelectorAll

    var aLi = document.querySelectorAll('.list li');

    alert(aLi.length);//8

}

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 7点钟出门,今天有一场考试。对于毕业后第一次考试多少心态还是比较平缓。但到大厅后看着点名报号到上机考试,再到真实上...
    cythia子阅读 66评论 0 0
  • 珊迪工作坊,晓东分享(190510): 情感来时,就让它流淌吧,我会收获自由和能量,和更加自我负责、更加一致性的选...
    晓东_真昕阅读 282评论 0 1
  • 第五十六个孩子的教育叙事:为善良加分 读了吴非先生《不跪着教书》其中的一篇随笔《感恩之心》。文中列举了一位高中男孩...
    红点子阅读 575评论 0 6
  • ■文/槐荫愚叟■图片/来自网络 温馨提示:故事有点长,希望耐心的你能够用心读完。 猴子刘麻利地打了米饭,刚要去打菜...
    槐荫愚叟阅读 13,050评论 1 7

友情链接更多精彩内容