• 悟透JavaScript读书笔记闭包与原型


    P44
     1<script type="text/javascript">
     2function Person(firstName,lastName,age){
     3    var _firstName = firstName;
     4    var _lastName = lastName;
     5
     6    this.age = age;
     7
     8    this.getName = function(){
     9        return (_firstName + " " + _lastName);//这里书上印错为return(firstName + " " + lastName)了
    10    }

    11
    12    this.SayHello = function(){
    13        alert("Hello,I'm " + _firstName + " " + _lastName);
    14    }

    15}

    16
    17var BillGates = new Person("Bill","Gates",53);
    18var SteveJobs = new Person("Steve","Jobs",53);
    19
    20BillGates.SayHello(); //Hello,I'm Bill Gates
    21SteveJobs.SayHello(); //Hello,I'm Steve Jobs
    22
    23
    24
    25alert(BillGates._firstName);//undefined. 因为_firstName为Person函数体内部定义的私有变量,其作用域理论上讲只能存在于调用瞬间的函数体内,一旦new Person(xxx,xxx,xxx)完成后,_firstName的生命周期就“理应结束"
    26
    27alert(BillGates.getName() + " " + BillGates.age);//Bill Gates 53.但是通过这种方式使得_firstName,_lastName可以继续被访问得到,即:私有变量的生命周期被延长了(虽然不能直接用BillGates._firstName访问),这种现象就是传说中的"闭包"
    28
    29alert(BillGates.SayHello == SteveJobs.SayHello);//false.因为SayHello不是从原型链上定义的,所以每个对象的方法都是"独立的"一份,浪费了资源
    30
    31
    32function Man(height){
    33    this.height = height;
    34}

    35
    36Man.prototype.GetHeight = function(){
    37    return this.height;
    38}

    39
    40
    41var jimmy = new Man(173);
    42
    43alert(jimmy.GetHeight());//173
    44
    45
    46var mike = new Man(184);
    47alert(mike.GetHeight());//184
    48
    49alert(jimmy.GetHeight == mike.GetHeight);//true .从原型上定义的方法,其每个实例都共享同一份方法,性能上高优于以前的实现,但是不足之处是必须把类分成二部分定义,写法上不太"优雅"
    50
    51
    52</script>
    作者:菩提树下的杨过
    出处:http://yjmyzz.cnblogs.com
    本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。
  • 相关阅读:
    SpringCloud-sleuth-zipkin链路追踪
    关于encodeURI() 踩的坑
    兄弟ifream的方法调用
    jq为什么能用$操作
    js获取一周的日期范围
    layui中实现上传图片压缩
    input预览上传图片
    js获取地址栏参数
    计算两天之间的天数差
    文字始终均匀分布整个div
  • 原文地址:https://www.cnblogs.com/yjmyzz/p/1553323.html
Copyright © 2020-2023  润新知