<!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. vue---vue2.x自定义plugin，给vue添加全局方法，原型上增加全局方法

    1. 自定义plugin.js export default{ install(Vue,options); { Vue.prototype.toStringTwo=(str)=>( ('0000 ...

  2. Leetcode: Find First and Last Position of Element in Sorted Array

    Given a sorted array of integers, find the starting and ending position of a given target value. You ...

  3. 阶段5 3.微服务项目【学成在线】_day17 用户认证 Zuul_06-用户认证-认证服务查询数据库-Bcrypt介绍

    演示MD5加密的方式 数据库内的数据密码虽然都是6个1但是 每次加密出来的字符串是不一样的 加盐 测试BCrpty 循环10次加密 密码的校验 比人工的加盐要方便的多 这是创建的一个Spring的Be ...

  4. 第三方框架MBProgressHUD-----实现各种提示框

    程序运行显示如下 : 点击按钮实现对应的提示框: 这里只截取了其中一张图,有兴趣的可以自己运行程序,查看其他的几种提示框哟!!! 第三方框架MBProgressHUD的下载地址:https://git ...

  5. laravel构建联合查询

    参考:http://laravelacademy.org/post/126.html DB门面可以指定不同的数据库连接(通过connection方法) /** * @param $login_uid ...

  6. 【ARM-Linux开发】如何使用opkg在RicoBoard上在线安装软件包

    类似于debian的apt-get,Redhat的yum类似,嵌入式Linux平台可以使用opkg实现在线安装软件包的功能,在我们提供的matrix文件系统中,已经包含了opkg工具,但是还没有配置一 ...

  7. Flarum 安装问题 编译安装 fileinfo.so

    大部分人上传 会遇到文件没有权限这一问题 ,这个好解决 下边是服务器 php.ini 扩展 fileinfo 由于php 版本是7.1.8 最新的 又是用的一键环境安装 所以 没有安装这个扩展 1.去 ...

  8. 《ucore lab1 exercise2》实验报告

    资源 ucore在线实验指导书 我的ucore实验代码 题目:使用qemu执行并调试lab1中的软件 为了熟悉使用qemu和gdb进行的调试工作,我们进行如下的小练习: 从CPU加电后执行的第一条指令 ...

  9. Mysql: Can not read response from server. Expected to read 4 bytes, read 0 bytes before connection was unexpectedly lost.

    2019-05-28 01:53:42.762 [message remind thread-24] ERROR druid.sql.Statement - {conn-10327, stmt-320 ...

  10. K8S从入门到放弃系列-(4)kubernetes集群之kubectl命令行工具部署

    摘要:随着版本的不断迭代,k8s为了集群安全,集群中趋向采用TLS+RBAC的安全配置方式,所以我们在部署过程中,所有组件都需要证书,并启用RBAC认证. 我们这里采用二进制安装,下载解压后,把对应组 ...