ECMAScript中的构造函数可用来创建特定类型的对象。我们可以创建自定义构造函数，从而定义对象类型的属性和方法，解决工厂模型中对象识别的问题。

<!DOCTYPE html>

<html>

<head>

    <title>构造函数模型</title>

    <script type="text/javascript">

        function Student(name,age,sex){//构造函数首字母大写，普通函数首字母小写

            //直接将属性和方法赋值给this对象

            this.name=name;

            this.age=age;

            this.sex=sex;

            this.sayName=function(){

                alert(this.name);

            };

        }

        /****************************** 构造函数模型 ******************************/

        /*创建Student的新实例实际经历的步骤：

            （1）创建一个新对象

            （2）将构造函数的作用域赋值给新对象（因此this指向了新对象）

            （3）执行构造函数中的代码（为新对象添加属性和方法）

            （4）返回新对象

        */

        var stu1=new Student("Lucy",10,"girl");//使用操作符new

        var stu2=new Student("Bob",9,"boy");

        //以上的stu1和stu2这两个对象的constructor(构造函数)属性均指向Student

        alert(stu1.constructor==Student);//true

        alert(stu2.constructor==Student);//true

        //对象的constructor属性最初是用来表示对象类型的。检测对象类型使用instanceof更可靠

        alert(stu1 instanceof Student);//true

        alert(stu2 instanceof Student);//true

        alert(stu1 instanceof Object);//true

        alert(stu2 instanceof Object);//true

        /*************************************************************************/

        /**************************** 1.构造函数当作函数 **************************/

        //当作构造函数

        var stu3=new Student("Nike",10,"boy");

        stu3.sayName();//"Nike"

        //当作普通函数

        Student("Greg",13,"boy");//添加到window对象

        window.sayName();//"Greg"

        //在另一个作用域中调用

        var o=new Object();

        Student.call(o,"Kristen",8,"girl");

        o.sayName();//"Kristen"

        /************************************************************************/

        /**************************** 2.构造函数模型问题 *************************/

        //问题：每个方法都要在每个实例上重新创建一遍，不同实例上的同名函数是不相等的。为解决这一问题于是就有了原型模型

        alert(stu1.sayName==stu2.sayName);//false

        /************************************************************************/

    </script>

</head>

<body>

</body>

</html>

部分摘自《JavaScript高级程序设计(第3版)》

JS面向对象——构造函数模型的更多相关文章

  1. JS面向对象——组合使用构造函数模型与原型模型

    该模型为创建自定义类型最常用的方式. <!DOCTYPE html> <html> <head> <title>组合使用构造函数模型和原型模型</ ...

  2. JS面向对象——组合使用构造函数模型与原型模型中的隐患

    组合使用构造函数模型和原型模型中的问题,使用对象字面量重写原型模型会有隐患(涉及到原型的动态性),如下例: <!DOCTYPE html> <html> <head> ...

  3. JS面向对象——动态原型模型、寄生构造模型

    动态原型模型 组合使用构造函数模型和原型模型,使得OO语言程序员在看到独立的构造函数和原型时很困惑.动态原型模型致力于解决该问题,它把所有的信息封装在构造函数中,通过在构造函数中初始化原型(仅在必要情 ...

  4. js面向对象的实现（example 二)

    //这个方法和上篇文章(js面向对象的实现(example 一))中的方法类似,但是更为简洁 //通过函数赋值的方式来构造对象 //同样通过闭包的方式来封装对象及内部变量 (function () { ...

  5. 浅谈JS面向对象之创建对象

    hello,everybody,今天要探讨的问题是JS面向对象,其实面向对象呢呢,一般是在大型项目上会采用,不过了解它对我们理解JS语言有很大的意义. 首先什么是面向对象编程(oop),就是用对象的思 ...

  6. js面向对象继承

    前言 最近看到js面向对象这章节了,主要学习了原型和面向对象继承关系,为了梳理自己的知识逻辑,特此记录. js的面向对象 先说说我目前了解的js创建对象方法 1.写一个函数,然后通过new创建对象 2 ...

  7. 拖拽系列二、利用JS面向对象OOP思想实现拖拽封装

    接着上一篇拖拽系列一.JavaScript实现简单的拖拽效果这一篇博客将接着对上一节实现代码利用JS面向对象(OOP)思维对上一节代码进行封装; 使其模块化.避免全局函数污染.方便后期维护和调用:写到 ...

  8. JS面向对象笔记二

    菜单导航,<JS面向对象笔记一>,  参考书籍:阮一峰之<JavaScript标准参考教程> 一.构造函数和new命令 二.this关键字 三.构造函数和new命令 四.构造函 ...

  9. 【JavaScript】 JS面向对象的模式与实践 （重点整治原型这个熊孩子 (/= _ =)/~┴┴ ）

    参考书籍 <JavaScript高级语言程序设计>—— Nicholas C.Zakas <你不知道的JavaScript>  —— KYLE SIMPSON   在JS的面向 ...

随机推荐

  1. linux系统安装MongoDB文档

    mongodb文档数据库的安装: wget https://fastdl.mongodb.org/linux/mongodb-linux-x86_64-rhel70-4.0.4.tgz tar -zx ...

  2. day04 列表增删改查、元祖以及range

    01 课前小甜点 千万不要随意做决定 只要你做了决定,你要坚持下去. 02 昨日内容回顾 int <---> bool : 非0 True 0 False True 1 False 0 i ...

  3. K8S创建的相关yaml文件

    一.K8S-yaml的使用及命令 YAML配置文件管理对象 对象管理: # 创建deployment资源 kubectl create -f nginx-deployment.yaml # 查看dep ...

  4. ansible笔记(二)--配置文件详解

    配置文件ansible.cfg约有350行语句,大多数为注释行默认配置项.该文件遵循INI格式,分为如下几类配置.(1)[defaults] [defaults] # inventory = /etc ...

  5. linux firewall

    一.查看防火墙状态1.首先查看防火墙是否开启,如未开启,需要先开启防火墙并作开机自启 systemctl status firewalld 开启防火墙并设置开机自启 systemctl start f ...

  6. new和malloc申请内存失败后的处理

    1.c++ 标准 new 失败是抛出异常的,Visual C++ 6.0中返回一个NULL指针. 使用new(std::nothrow)可以保证失败时返回NULL; 因此完全可以 #define ne ...

  7. Struts2之param标签的使用

    struts2的s:param标签主要有两个属性name与value: 传值 若想在value属性中输入字符串,则可以这样写:<s:param name="tableTitle&quo ...

  8. 浅谈SAP CRM和Hybris Commerce里的价格架构折扣

    最近Jerry做了一个和价格折扣相关的原型项目,把学到的知识记录下来,以备将来查阅. 在这个原型项目里,我们用React-Native开发了一个移动应用,用户可以在手机上浏览SAP Hybris Co ...

  9. centos7安装完成之后必要的配置

    一配置yum源 curl -o /etc/yum.repos.d/CentOS-Base.repo http://mirrors.aliyun.com/repo/Centos-7.repo wget ...

  10. JS中的this指针

    1.JS中this指针指向 JS中函数的 this 并不遵守词法作用域规则(即作用域由声明时所处的位置决定),而是取决于函数的调用方式 影响 this 指针的因素有以下: 方法是否由某个对象调用,比如 ...