JS面向对象——构造函数模型
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面向对象——构造函数模型的更多相关文章
- JS面向对象——组合使用构造函数模型与原型模型
该模型为创建自定义类型最常用的方式. <!DOCTYPE html> <html> <head> <title>组合使用构造函数模型和原型模型</ ...
- JS面向对象——组合使用构造函数模型与原型模型中的隐患
组合使用构造函数模型和原型模型中的问题,使用对象字面量重写原型模型会有隐患(涉及到原型的动态性),如下例: <!DOCTYPE html> <html> <head> ...
- JS面向对象——动态原型模型、寄生构造模型
动态原型模型 组合使用构造函数模型和原型模型,使得OO语言程序员在看到独立的构造函数和原型时很困惑.动态原型模型致力于解决该问题,它把所有的信息封装在构造函数中,通过在构造函数中初始化原型(仅在必要情 ...
- js面向对象的实现（example 二)
//这个方法和上篇文章(js面向对象的实现(example 一))中的方法类似,但是更为简洁 //通过函数赋值的方式来构造对象 //同样通过闭包的方式来封装对象及内部变量 (function () { ...
- 浅谈JS面向对象之创建对象
hello,everybody,今天要探讨的问题是JS面向对象,其实面向对象呢呢,一般是在大型项目上会采用,不过了解它对我们理解JS语言有很大的意义. 首先什么是面向对象编程(oop),就是用对象的思 ...
- js面向对象继承
前言 最近看到js面向对象这章节了,主要学习了原型和面向对象继承关系,为了梳理自己的知识逻辑,特此记录. js的面向对象 先说说我目前了解的js创建对象方法 1.写一个函数,然后通过new创建对象 2 ...
- 拖拽系列二、利用JS面向对象OOP思想实现拖拽封装
接着上一篇拖拽系列一.JavaScript实现简单的拖拽效果这一篇博客将接着对上一节实现代码利用JS面向对象(OOP)思维对上一节代码进行封装; 使其模块化.避免全局函数污染.方便后期维护和调用:写到 ...
- JS面向对象笔记二
菜单导航,<JS面向对象笔记一>, 参考书籍:阮一峰之<JavaScript标准参考教程> 一.构造函数和new命令 二.this关键字 三.构造函数和new命令 四.构造函 ...
- 【JavaScript】 JS面向对象的模式与实践 （重点整治原型这个熊孩子 (/= _ =)/~┴┴ ）
参考书籍 <JavaScript高级语言程序设计>—— Nicholas C.Zakas <你不知道的JavaScript> —— KYLE SIMPSON 在JS的面向 ...
随机推荐
- 自定义 异步 IO 非阻塞框架
框架一 自定义Web异步非阻塞框架 suosuo.py #!/usr/bin/env python # -*- coding: utf-8 -*-# # __name__ = Web_Framewor ...
- kaildi讲解
转载声明:本文为转载文章 作者:ferb2015 原文地址:https://blog.csdn.net/eqiang8848/article/details/81543599 kaldi是一个开源的语 ...
- 牛客网NOIP赛前集训营-提高组（第六场） C-树
题目描述 有一棵有 n 个结点的树,每条边有编号为 0,1,2 的三种颜色,刚开始每条边颜色都为 0 . 现在有 3 种操作: \(1\ x\ y\ col\) ,表示询问 \(x\) 到 \(y\) ...
- 牛客网NOIP赛前集训营-提高组（第六场）A-最长路
题目描述 有一张 n 个点 m 条边的有向图,每条边上都带有一个字符,字符用一个数字表示. 求以每个点为起点的最长路,输出走过的边的字符构成的字符串的字典序最小的方案. 为了方便,你需要这样输出方案: ...
- spring微服务（顺序由简入难易于理解）
一.为微服务应用增加健康监控 1.在 build.gradle 文件 dependencies 属性中增加 compile('org.springframework.boot:spring-boot- ...
- visual studio 中gitflow使用
vs中已集成了git,但是如果想使用gitflow,要去扩展包里面下载 装完后,在右侧面板的"团队资源管理"就会出现gitflow 进行git flow实始化 后就可以进行 各分支 ...
- C++ 递推法 斐波那契数列 兔子产仔
#include "stdio.h" #include "iostream" int Fibonacci(int n) { int t1, t2; || n = ...
- 4412 PWM
一.PWM原理 1.有源蜂鸣器和无源蜂鸣器的概念 有源蜂鸣器高电平就响,无源蜂鸣器需要PWM波才响. 2.PWM脉冲波 PWM = 定时器 + 定时器中断(重载) + IO输出(翻转) 3.分析原理图 ...
- iview的Affix组件滚动时没有按照预期固定
业务场景 新建任务的页面,创建和重置按钮,页面没有滚动时,直接跟在内容下面:页面滚动时,固定于页面下方,不随内容进行滚动,以方便按钮的操作.效果如下: 问题以及解决办法 直接使用<Affix : ...
- Security基础(三)：OpenSSL及证书服务、邮件TLS/SSL加密通信
一.OpenSSL及证书服务 目标: 本案例要求熟悉OpenSSL工具的基本使用,完成以下任务操作: 使用OpenSSL加密/解密文件 搭建企业自有的CA服务器,为颁发数字证书提供基础环境 方案: 使 ...