<!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. 在主机上如何构建openwrt的编译环境?

    答: 请参考官方文档

  2. "Could not resolve host: mirrorlist.centos.org; Unknown error"解决方法

    这两天学习历程可谓历尽坎坷,昨天在vSphere Client中安装完CentOS系统后,今天尝试在系统中安装mysql数据库. 由于刚接触Linux,所以对于一些常用指令和操作并不熟悉,也是一边百度 ...

  3. osg机械臂模拟

    实现自由旋转  

  4. starUML建模C++【逆向工程】

    1.下载starUML 2.打开starUML,选择default approach 3.添加 Profile,把C++添加进去 4.在右侧的工程上点右键—[C++]—-[Reverse Engine ...

  5. 常规函数模块CALL in new task 报错

    使用START NEW TASK, 函数需要是远程调用模块. 错误:FUNCTION module  ' ZMMFM0021'  cannot be used for 'remote' CALLS. ...

  6. mariadb升级

    官方文档升级:https://mariadb.com/kb/en/library/upgrading/ 1.备份原来的数据库和配置文件 # mysqldump -u root -p -A > a ...

  7. （CVE-2016-5195）脏牛本地提权

    简要分析 该漏洞具体为,get_user_page内核函数在处理Copy-on-Write(以下使用COW表示)的过程中,可能产出竞态条件造成COW过程被破坏, 导致出现写数据到进程地址空间内只读内存 ...

  8. jQuery禁用input历史选择

    $("#id").attr("autocomplete", "off");

  9. ThreadLocal的坑--ThreadLocal跨线程传递问题

    1.父子线程间的传递问题 ThreadLocal的子类InheritableThreadLocal其实已经帮我们处理好了,通过这个组件可以实现父子线程之间的数据传递,在子线程中能够父线程中的Threa ...

  10. C++:链表(初识链表)

    介绍 链表是把若干个对象用指针串联起来,形成一个链状的数据结构,链表在开发中很重要. 1.链表特征:只需要知道一个链表头,就能访问每个节点的对象. 2.链表遍历:通过每个节点指针next来对的下一个节 ...