<!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. WhereHows编译时报错EINVRES Request to https://bower.herokuapp.com/packages/ace-builds failed with 502

    先说明一下,简单点讲就是bower的仓库地址换掉了.解决方案如下: 在.bowerrc文件中增加这么一句: { "registry": "https://registry ...

  2. hue集成mysql找不到 libmysqlclient.so.16问题解决

    首先我的配置文件如下,这个是没有问题的 但是在重启hue连接mysql时,却发生了如下问题: 这个错误的意思就是没有找到libmysqlclient_r.so.16这个文件,可能是我安装的mysql有 ...

  3. 一百四十一：CMS系统之根据板块过滤显示帖子

    视图,根据传过来的板块id查数据 @bp.route('/')def index(): board_id = request.args.get('board_id', type=int, defaul ...

  4. 关于jmeter+ant+jenkins性能自动化将测试结果文件jtl转换成html文件遇到的问题。

    1.ant自身缺陷,返回结果中有特殊字符,乱码字符,无法识别,jtl文件转换时报错. 2.jtl文件过大转换成html文件时出现内存溢出. 针对以上情况:可考虑使用BeenShell Sampler: ...

  5. 【ARTS】01_36_左耳听风-201900715~201900721

    ARTS: Algrothm: leetcode算法题目 Review: 阅读并且点评一篇英文技术文章 Tip/Techni: 学习一个技术技巧 Share: 分享一篇有观点和思考的技术文章 Algo ...

  6. YIIMP矿池搭建

    本文将以Verge(x17)和Raven(x16rv2)为例子来说明多算法矿池YIIMP的搭建过程. 1 环境准备 1.1 准备Ubuntu 准备虚拟机或物理机,操作系统为Ubuntu 18.04,之 ...

  7. Shiro认证、角色、权限

    Apache Shiro 是 Java 的一个安全框架.Shiro 可以帮助我们完成:认证.授权.加密.会话管理.与 Web 集成.缓存等. Shiro的内置Realm:IniRealm和JdbcRe ...

  8. ubuntu的sudo免密

    ubuntu的sudo免密与centos大同小异,都是在/etc/sudoers中添加用户信息,添加的内容也一样,只是位置不一样. centos的位置如下: 而ubuntu的位置如下: 除此之外,两行 ...

  9. Nginx 413 Request Entity Too Large

    用户上传图片的时候,报错. 发现,原来是图片太大导致. 咦?后台配置图片支持5M啊? 哦!原来是Nginx配置问题. Nginx默认支持1M的POST数据! 修改Nginx配置! 修改nginx.co ...

  10. Selenium绕过登录的实现

    1.使用命令行启动Chrome:Mac:/Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome -remote-debugging ...