<!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. 解决com.android.support版本冲突问题

    原文:https://www.jianshu.com/p/0fe985a7e17e 项目中不同Module的support包版本冲突怎么办? 只需要将以下代码复制到每个模块的build.gradle( ...

  2. Bitmap之getDensity和setDensity函数

    package com.loaderman.customviewdemo; import android.app.Activity; import android.graphics.Bitmap; i ...

  3. linux性能监控 -CPU、Memory、IO、Network等指标的讲解

    [操作系统-linux]linux性能监控 -CPU.Memory.IO.Network等指标的讲解(转) 一.CPU 1.良好状态指标 CPU利用率:User Time <= 70%,Syst ...

  4. mybatis的xml中也可以通过传入标记参数然后用 choose写选择语句【我】

    mybatis的xml中也可以通过传入标记参数然后用 choose写选择语句

  5. CentOS 端口和防火墙操作

    Centos 7 端口和防火墙命令: 查看已经开放的端口:firewall-cmd --list-ports 开启端口:firewall-cmd --zone=public --add-port=80 ...

  6. ubuntu 16.04 sudo nopasswd

    修改sudoers配置文件:~$ sudo vi /etc/sudoers 在文件末尾添加需要sudo输入密码的user:[user] ALL=NOPASSWD:ALL 表示sysadmin这个组在进 ...

  7. Spring Cloud(7.2)：配置Producer Server

    我们首先创建一个生产者服务.这里以一个商品价格服务为例,这个微服务可以对商品-价格信息进行增删改查,当有商品-价格信息被更新或删除,则该微服务发送消息,告诉其他调用它的系统这条信息已经被修改. 配置p ...

  8. 925. Long Pressed Name

    题目链接:https://leetcode.com/problems/long-pressed-name/description/ Example 1: Input: name = "ale ...

  9. （一）Asp.net web api中的坑-【找不到与请求 URI匹配的 HTTP 资源】

    在.net下,创建一个HTTP服务,有很多方案,比较老ashx,一般处理程序(HttpHandler), Web Service SOAP协议的,数据格式是XML,HTTP协议         WCF ...

  10. AWS 解决方案架构师考点（Storage）

    目录 一.S3 存储类 二.S3 考点 三.Storage Gateway 3.1.File Gateway 3.2.Volume Gateway /3.3.Tape Gateway 一.S3 存储类 ...