第5章 JavaScript编程基础-补充案例.docVIP

第8章 JavaScript编程基础 PAGE 2 PAGE 10 第5章补充案例 【案例5-1】 面向对象 一、案例描述 考核知识点 面向对象的概念和特征 练习目标 掌握面向对象的概念。 掌握面向对象的3大特征。 需求分析 通过本案例读者可以掌握面向对象的概念及构造函数的使用，原型与继承的机制。 案例分析 效果如图5-1所示。 面向对象思想 具体实现步骤如下： 打印出Foo.getName();语句执行结果，在案例中直接执行Foo.getName 函数表达式，结果输出2。 打印出getName();语句执行结果，考察当变量名字（无赋值时）与函数名一样时，先执行函数，输出结果为4。 打印出Foo().getName();语句执行结果，Foo()函数执行完后，数据暴露在全局环境下，返回的this 也就是Foo()指的是window，因为在这里没有用var声明函数，所以输出结果为1 打印出new Foo.getName();语句执行结果，new出来的构造函数，会继承实例的原型上边的所有属性和方法，输出结果为2。 二、案例实现 根据上面的分析，可以通过简单的JavaScript代码来实现这一效果，具体代码如下： !DOCTYPE html html lang=en head meta charset=UTF-8 title面向对象/title /head body scrip