• JS中的原型对象与构造器


    在Javascript中:
    原型对象是属于构造函数的,不属于实例;
    实例只能共享原型对象中的属性和方法(当然也可以有自己的属性和方法,或者覆盖原型中同名的属性和方法);
    构造器constructor属于原型的,不属于实例;
    实例之所以能有constructor属性是因为它共享了原型对象的所有成员,包括原型对象的constructor属性;

    function Wede(){this.name="zhao"}

    //输出构造函数的原型对象
    console.log(Wede.prototype); //Wede {}

    //给构造函数的原型对象增加成员属性
    Wede.prototype.Sex="man"; //"man"

    //new一个实例
    var zw=new Wede();

    //输出构造函数的原型对象的constructor属性
    Wede.prototype.constructor; //function Wede(){this.name="zhao"}

    //然而,当我们查看构造函数的constructor属性时,它输出的是Function构造器
    Wede.constructor; //function Function() { [native code] }


    //输出实例共享了原型对象的constructor属性;
    //可以看出,和Wede.prototype.constructor;的输出是一致的。
    zw.constructor; //function Wede(){this.name="zhao"}


    //当new一个实例后,该实例内部将包含一个指针(内部属性)[[Prototype]](或者叫做_proto_),用于指向构造函数的原型对象;
    //但是这个指针在脚本中是不可见的,以下示例证明了这一点;
    //不过,要明确的一点就是,这个指针存在于实例与构造函数的原型对象之间,而不是实例与构造函数之间;
    zw._proto_; //undefined
    zw.[[Prototype]]; //SyntaxError: Unexpected token [...

    //isPrototypeOf方法用来确定实例本身拥有的[[Prototype]]内部属性与构造函数的原型对象是否相等。
    //这个方法具体还有什么用处,有待补充......
    Wede.prototype.isPrototypeOf(zw); //true

  • 相关阅读:
    wonderful life
    .net 4.5 webform 提取ModelState错误信息
    asp.net core Theme 中间件
    asp.net mvc 动态编译生成Controller
    asp.net mvc中换肤机制类库 ThemedViewEngines
    vs code 添加jquery的智能提示
    vs2017 iisexpress 绑定自定义域名
    asp.net Mvc 动态创建Controller
    查询Windows api
    预先创建占用一定磁盘空间的文件(使用C#)
  • 原文地址:https://www.cnblogs.com/zhaow/p/9754609.html
Copyright © 2020-2023  润新知