VB.net 2010 视频教程 VB.net 2010 视频教程 python基础视频教程
SQL Server 2008 视频教程 c#入门经典教程 Visual Basic从门到精通视频教程
当前位置:
首页 > temp > JavaScript教程 >
  • 关于JS 原型语法

  • 原型语法

    function Student(name,id){
                this.name = name;
                this.id = id;
            }
    
            //获取对象的prototype
            Student.prototype.type = "student";
            Student.prototype.message = function(){
                console.log(this.name + "," + this.id);
            };
            //生成实例对象
            var student1 = new Student("li",111);
    
    

    直接使用一个对象字面量对原型对象进行赋值

    Student.prototype = {
         type : "student",
         message : function(){
             console.log(this.name + "," + this.id);
         }
    };
    //可以正常调用
    student1.message();
    
    

    但是,需要注意有一点,student1.constructor的指向已经发生了改变,因为Student的prototype已经被重置了,constructor的指向找不到,student1.constructor的值就变成了Object了。

    解决这一问题,很简单,就是在给Student.prototrpe的字面量对象赋值时,需要手动的将constructor属性指向正确的构造函数。

    constructor : Student //该构造函数是Student
    
    • 在定义构造函数时,使用原型对象时建议根据成员的功能不同,可以分为以下两种进行设置:

        ①私有成员,一般就是非函数成员,放到构造函数中;

        ②共享成员,一般就是函数,放到原型对象种;

      当重置了prototype时,记得修正constructor的指向

  • JS 原生构造函数的原型对象

    • 所有函数都有prototype属性对象

      JavaScript中的内置构造函数也有prototype原型对象属性:

          - Object.prototype

          - Function.prototype

          - Array.prototype

          - String.pprototype

          - Number.protoptype
          ......

      • 扩展数组的原型方法

        直接给原型对象添加一个对象字面量的值是不行的,内置构造函数有其保护机制(所以如下这种代码不允许的)。

        Array.prototype = {
            getSum = function(){
                 var sum = 0;
                 for(var i = 0;i < this.length;i++){
                    sum += this[i];
                 }
                 return sum;
            }  
        };
        console.dir(Array.prototype);
        

        直接使用Array调用prototype给其添加新属性

        Array.prototype.getSum = function(){
               var sum = 0;
                 for(var i = 0;i < this.length;i++){
                    sum += this[i];
                 }
                 return sum;
        };
        console.dir(Array.prototype);
        

        实际开发中是不允许更改JS原生内置对象。
        出处:https://www.cnblogs.com/dreamtown/p/14509297.html


相关教程