<!DOCTYPE html>

 <html>

     <head>

         <meta charset="UTF-8">

         <title></title>

         <script type="text/javascript">

             /*

              * 创建一个构造函数，专门用来创建Person对象的

              *     构造函数就是一个普通的函数，创建方式和普通函数没有区别,

              *     不同的是构造函数习惯上首字母大写

              *

              * 构造函数和普通函数的区别就是调用方式的不同

              *     普通函数是直接调用，而构造函数需要使用new关键字来调用

              *

              * 构造函数的执行流程：

              *     1.立刻创建一个新的对象

              *     2.将新建的对象设置为函数中this,在构造函数中可以使用this来引用新建的对象

              *     3.逐行执行函数中的代码

              *     4.将新建的对象作为返回值返回

              *

              * 使用同一个构造函数创建的对象，我们称为一类对象，也将一个构造函数称为一个类。

              *     我们将通过一个构造函数创建的对象，称为是该类的实例

              *

              * this的情况：

              *     1.当以函数的形式调用时，this是window

              *     2.当以方法的形式调用时，谁调用方法this就是谁

              *     3.当以构造函数的形式调用时，this就是新创建的那个对象

              *

              */

             function Person(name , age , gender){

                 this.name = name;

                 this.age = age;

                 this.gender = gender;

                 this.sayName = function(){

                     alert(this.name);

                 };

             }

             function Dog(){

             }

             var per = new Person("孙悟空",18,"男");

             var per2 = new Person("玉兔精",16,"女");

             var per3 = new Person("奔波霸",38,"男");

             var dog = new Dog();

             console.log(JSON.stringify(per));//{"name":"孙悟空","age":18,"gender":"男"}

             console.log(JSON.stringify(dog));//{}

             //-------------------------------------------------------------------------------

             /*

              * 使用instanceof可以检查一个对象是否是一个类的实例

              *     语法：

              *         对象 instanceof 构造函数

              * 如果是，则返回true，否则返回false

              */

             console.log(per instanceof Person);//true

             console.log(dog instanceof Person);//false

             /*

              * 所有的对象都是Object的后代，

              *     所以任何对象和Object做instanceof检查时都会返回true

              */

             console.log(dog instanceof Object);//true

         </script>

     </head>

     <body>

     </body>

 </html>

JS基础_构造函数的更多相关文章

  1. JS基础_构造函数修改

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  2. JS基础(三)构造函数

    JS中的构造函数 <script language="JavaScript"> window.onload = function(){ function Bottle( ...

  3. JS基础_函数的简介

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  4. JS基础_对象的简介、对象的基本操作

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  5. JS基础_标识符

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  6. JS基础_使用工厂方法创建对象（了解下就行了，用的不多）

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  7. JS基础_全局作用域

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  8. JS基础_数组的遍历

    遍历:将数组中所有的元素都取出来 1.for循环 var arr = ["1","2","3"]; for(let i=0;i<arr ...

  9. JS基础_数组简介

    内建对象 宿主对象 自定义对象 数组(Array) - 数组也是一个对象 - 它和我们普通的对象功能类似,也是用来存储一些值的 - 不同的是普通对象是使用字符串作为属性名的 数组是使用数字来作为索引来 ...

随机推荐

  1. SQL-W3School-函数：SQL FORMAT() 函数

    ylbtech-SQL-W3School-函数:SQL FORMAT() 函数 1.返回顶部 1. FORMAT() 函数 FORMAT 函数用于对字段的显示进行格式化. SQL FORMAT() 语 ...

  2. VS2015 osgEarth 编译

    E:\OpenSourceGraph\CURL_install\includeE:\GDAL\includeE:\Geos\geos_3_5_install\includeE:\OpenSourceG ...

  3. linux禁止特定ip访问某个端口

    linux禁止特定ip访问某个端口   解决方法: 禁止特定ip访问8501端口的命令0:iptables -I INPUT -s 192.168.0.232 -ptcp --dport 8501 - ...

  4. cut截取数据

    参考文档 https://blog.csdn.net/caoshunxin01/article/details/79355566 [root@kube-node3 ~]# cat tab_space. ...

  5. 粒子系统与雨的效果 (DirectX11 with Windows SDK)

    前言 最近在学粒子系统,看这之前的<<3D图形编程基础 基于DirectX 11 >>是基于Direct SDK的,而DXSDK微软已经很久没有更新过了并且我学的DX11是用W ...

  6. matlab求取积分

    声明:引用请注明出处http://blog.csdn.net/lg1259156776/ 对于Matlab的使用情况常常是这样子的,很多零碎的函数名字很难记忆,经常用过后过一段时间就又忘记了,又得去网 ...

  7. Nuget下载 MySql.Data 连接MySql数据库

    打开VS项目,右键项目选择 右上角搜索框中搜索 MySql.Data 然后可以选择安装,但是可能会出现这个提示 这是因为版本的问题,所以,自己去官网重新下载,我这里选择的是这个版本, 官网地址: ht ...

  8. oracle数据库数据转储最好方式（数据库表、数据结构和数据一并导出）

    导入:使用plsql:Tools --> Import Tables --> SQL Inserts  得到的为sql文件,在转储的过程中当导入另一个库的时候老是报  “表或视图不存在” ...

  9. Python hashlib加密模块

    hashlib模块 简介: hashlib模块是一个提供了字符串加密功能的模块,包含MD5和SHA的加密算法.具体的加密支持有: MD5,sha1,sha224,sha256, sha384, sha ...

  10. controller中获取当前项目物理绝对路径

    用HttpServletRequest request获取 request.getSession().getServletContext().getRealPath(""); 上面 ...