JavaScript程序设计基础教程实训指导-4-1 实训案例名称:创建对象,理解存执机制.docx
实训案例名称:创建对象,理解存执机制
1.任务介绍
定义一个Person对象,对象包括属性姓名,并获取实例化对象Person的姓名信息。
2.任务目标
学会JavaScript几种创建对象模式及全局变量的存储机制。
3.实现思路
(1)选用构造函数模式创建对象,并且将属性为方法的属性定义到函数之外。
(2)全局变量是绑定在window对象上的,是window对象的属性。
4.实现代码
完整代码如脚本4-1所示。
脚本4-1.html
html
headtitleJavaScript对象创建/title/head
script
varmyName=function(){
for(varnameinthis.global){
if(this.global[name]===this){
returnname;
}
}
}
functionPerson(){
this.myName=myName;
}
Person.prototype.global=this;
varnick=newPerson();
console.log(nick.myName());
/script
/html
分析如下:
Person.prototype.global=this;这里,将window对象的引用,存到Person原型的global中;varnick=newPerson();实例化对象Person;Person包含属性myName,这个属性为方法定义在函数Person外;myName方法中运用for循环查找window对象中的姓名属性,然后判断是否为Person类,如果是则返回姓名信息。
5.运行结果
运行结果如图4.1所示。
图4.1任务4-1运行结果