zoukankan      html  css  js  c++  java
  • javascript 构造函数类和原型 prototyp e定义的属性和方法的区别

    1、把方法写在原型中比写在构造函数中消耗的内存更小,因为在内存中一个类的原型只有一个,写在原型中的行为可以被所有实例共享,实例化的时候并不会在实例的内存中再复制一份
    而写在类中的方法,实例化的时候会在每个实例中再复制一份,所以消耗的内存更高
    所以没有特殊原因,们一般把属性写到类中,而行为写到原型中
    2、构造函数中定义的属性和方法要比原型中定义的属性和方法的优先级高,如果定义了同名称的属性和方法,构造函数中的将会覆盖原型中的
    代码如下:

    <!DOCTYPE html>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>无标题文档</title>
    </head>
    <body>
    <script type="text/javascript">
    //把方法写在原型中比写在构造函数中消耗的内存更小,因为在内存中一个类的原型只有一个,写在原型中的行为可以被所有实例共享,实例化的时候并不会在实例的内存中再复制一份
    //而写在类中的方法,实例化的时候会在每个实例中再复制一份,所以消耗的内存更高
    //所以没有特殊原因,我们一般把属性写到类中,而行为写到原型中
    function Abc(name){
        this.name=name;    //构造函数中定义的属性和方法要比原型中定义的属性和方法的优先级高,如果定义了同名称的属性和方法,构造函数中的将会覆盖原型中的,所以下面的x.sya()弹出的是“my name is xudeming”,如果把这句去掉,弹出的就是“my name is xx”;
        //方法的优先级亦是如此
        /*this.say=function(){  
            alert(1);    
        }*/
    }
    Abc.prototype={
        name:"xx",
        say:function(){
            alert("my name is "+this.name);    
        }
    }
    var x=new Abc("xudeming");
    x.say()
    </script>
    </body>
    </html>

     转载自:http://www.css119.com/archives/1446

  • 相关阅读:
    vscode识别预览markdown文件
    工具:静态资源服务器server
    vscode配置easy sass 生成压缩和未压缩的css文件
    cocos Create简单记录
    小程序AR云识别
    小程序被冻结 解冻方法
    vscode设置px转换为rem
    js 打印文本
    .net 启动进程并执行某方法
    c# 创建文件夹、压缩成zip格式并下载
  • 原文地址:https://www.cnblogs.com/michael-xiang/p/4629615.html
Copyright © 2011-2022 走看看