文档详情

JavaScript程序设计基础教程实训指导-4-1 实训案例名称:创建对象,理解存执机制.docx

发布:2025-04-27约小于1千字共1页下载文档
文本预览下载声明

实训案例名称:创建对象,理解存执机制

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运行结果

显示全部
相似文档