zoukankan      html  css  js  c++  java
  • javascript原型的改动与重写(覆盖)区别

    每一个JavaScript函数都有prototype属性(javascript对象没有这个属性),这个属性引用了一个对象,这个对象就是原型对象。javascript同意我们改动这个原型对象。

    改动有2种方式:

    方式1:在原有的原型对象上添加属性或者方法

    function Person()
    {
    }
    
    Person.prototype.add = function(){
    	alert(this.name);
    };
    
    Person.prototype.name = "aty";
    
    var p1 = new Person();
    p1.add();//aty


    方式2:重写(覆盖)原型对象

    function Person()
    {
    }
    
    Person.prototype = {
    	add : function(){
    		alert(this.name);
    	},
    	name : "aty"
    }
    
    
    
    var p2 = new Person();
    p2.add();//aty


    能够看到上面这2种方式都能够改动原型。那他们的区别究竟是什么呢?究竟哪种方式才是推荐的的做法呢?

    function Person()
    {
    }
    
    function Animal()
    {
    
    }
    
    var person = new Person();
    var animal = new Animal();
    
    // 改动原型
    Person.prototype.say = function(){
    	alert("person");
    }
    
    // 改动原型
    Animal.prototype = {
    	say : function(){
    		alert("person");
    	}
    }
    
    person.say();//person
    animal.say();//Uncaught TypeError: undefined is not a function 
    假设是先创建对象。然后再改动原型,那么假设採用方式1,已经创建的对象可以正确訪问改动后的原型。假设採用方式2,已经创建的对象无法訪问到改动后的原型。从这个角度来看,显然方式1例如式2更好。为什么会这样呢?

    function Person()
    {
    }
    
    function Animal()
    {
    
    }
    
    var person = new Person();
    var animal = new Animal();
    alert(person.__proto__ === Person.prototype);//true
    alert(animal.__proto__ === Animal.prototype);//true
    
    // 改动原型
    Person.prototype.say = function(){
    	alert("person");
    }
    
    // 改动原型
    Animal.prototype = {
    	say : function(){
    		alert("person");
    	}
    }
    
    alert(person.__proto__ === Person.prototype);//true
    alert(animal.__proto__ === Animal.prototype);//false
    非常显然这与java中"改动引用"和"改动引用指向的对象"非常相似。效果也是一样的。

  • 相关阅读:
    进阶 | 手把手教你模拟键盘和鼠标操作ActionChains
    做web自动化时,定位元素常用方法有哪些?
    C# 自定义控件无法查看视图设计:文件中的类都不能进行设计,因此未能为该文件显示设计器
    Windows Server时间服务器配置方法
    MySQL 8.0主从(MasterSlave)配置
    VMware VSphere Client克隆虚拟机
    VMware vSphere Client给虚拟机增加硬盘
    nginx负载+mysql8.0双主实现
    Java
    关于awvs和nessus的api的说明
  • 原文地址:https://www.cnblogs.com/claireyuancy/p/6758973.html
Copyright © 2011-2022 走看看