关于JS原型和原型连的理解

1.如何准确判断一个变量是数组类型

var arr = []
arr instanceof Array //true
typeof arr //object, typeof是无法判断是否是数组的

2.写一个原型链继承的例子

function Elem(id){
    this.elem = document.getElementById(id)
}

Elem.prototype.html = function(val){
    var elem = this.elem
    if(val) {
        elem.innerHtml = val
        return this  //链式操作
    }else{
        return elem.innerHTML
    }
}

Element.prototype.on = function(type,fn){
    var elem = this.elem
    elem.addEventListener(type,fn)
    return this
}
var div1 = new Elem('detail-page')//元素的id

div1.html('<p>原型继承</p>').on('click',function(){
    alert('clicked')
}).html('<p>javascript</p>')


3.描述new一个对象的过程

function Foo(name,age){
    this.name = name
    this.age = age
    this.class = 'class-1'
    //return this  //默认有这一行 
}
var f = new Foo('zhangsan',20)
  • 创建一个新对象
  • this指向这个新对象
  • 执行代码,即对this赋值
  • 返回this

4.原型规则

1.所有的引用类型(数组 对象 函数),都具有对象的特性,即可自由扩展属性(除了‘null’意外)

2.所有的引用类型(数组 对象 函数),都有一个_proto_(隐世原型)属性,属性值是一个普通的对象

3.所有的函数,都有一个prototype属性(显示原型),属性值也是一个普通对象

4.所有的引用类型(数组 对象 函数),_proto_属性值指向它的构造函数的 prototype属性值

5.当试图得到一个对象的某个属性时,如果这个对象本身没有这个属性,那么会去它的_proto_(即它的构造函数的prototype)中寻找

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值