且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

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

更新时间:2022-08-20 13:31:30

P44
 1悟透JavaScript读书笔记--闭包与原型<script type="text/javascript">
 2悟透JavaScript读书笔记--闭包与原型悟透JavaScript读书笔记--闭包与原型function Person(firstName,lastName,age)悟透JavaScript读书笔记--闭包与原型{
 3悟透JavaScript读书笔记--闭包与原型    var _firstName = firstName;
 4悟透JavaScript读书笔记--闭包与原型    var _lastName = lastName;
 5悟透JavaScript读书笔记--闭包与原型
 6悟透JavaScript读书笔记--闭包与原型    this.age = age;
 7悟透JavaScript读书笔记--闭包与原型
 8悟透JavaScript读书笔记--闭包与原型悟透JavaScript读书笔记--闭包与原型    this.getName = function()悟透JavaScript读书笔记--闭包与原型{
 9悟透JavaScript读书笔记--闭包与原型        return (_firstName + " " + _lastName);//这里书上印错为return(firstName + " " + lastName)了
10悟透JavaScript读书笔记--闭包与原型    }

11悟透JavaScript读书笔记--闭包与原型
12悟透JavaScript读书笔记--闭包与原型悟透JavaScript读书笔记--闭包与原型    this.SayHello = function()悟透JavaScript读书笔记--闭包与原型{
13悟透JavaScript读书笔记--闭包与原型        alert("Hello,I'm " + _firstName + " " + _lastName);
14悟透JavaScript读书笔记--闭包与原型    }

15悟透JavaScript读书笔记--闭包与原型}

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

35悟透JavaScript读书笔记--闭包与原型
36悟透JavaScript读书笔记--闭包与原型悟透JavaScript读书笔记--闭包与原型Man.prototype.GetHeight = function()悟透JavaScript读书笔记--闭包与原型{
37悟透JavaScript读书笔记--闭包与原型    return this.height;
38悟透JavaScript读书笔记--闭包与原型}

39悟透JavaScript读书笔记--闭包与原型
40悟透JavaScript读书笔记--闭包与原型
41悟透JavaScript读书笔记--闭包与原型var jimmy = new Man(173);
42悟透JavaScript读书笔记--闭包与原型
43悟透JavaScript读书笔记--闭包与原型alert(jimmy.GetHeight());//173
44悟透JavaScript读书笔记--闭包与原型
45悟透JavaScript读书笔记--闭包与原型
46悟透JavaScript读书笔记--闭包与原型var mike = new Man(184);
47悟透JavaScript读书笔记--闭包与原型alert(mike.GetHeight());//184
48悟透JavaScript读书笔记--闭包与原型
49悟透JavaScript读书笔记--闭包与原型alert(jimmy.GetHeight == mike.GetHeight);//true .从原型上定义的方法,其每个实例都共享同一份方法,性能上高优于以前的实现,但是不足之处是必须把类分成二部分定义,写法上不太"优雅"
50悟透JavaScript读书笔记--闭包与原型
51悟透JavaScript读书笔记--闭包与原型
52悟透JavaScript读书笔记--闭包与原型</script>