<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>

    <head>

        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

        <title>Untitled Document</title>

        <script type=text/javascript charset=utf-8>

        var obj = new Object(); // 一样的var obj = {};     var a = new F();

        obj.name = 'z3';

        obj.sex  = '男';

        obj.sayName = function(){alert('我是张三!')};

        // 类的概念

        // 第一种形式 工厂模型

        function createPerson(name , sex , age){

            var obj = new Object();

            obj.name = name ;

            obj.sex = sex ;

            obj.age = age ;

            obj.sayName = function(){

                alert(this.name);

            }

            return obj;

        }

        var p1 = createPerson('z3' , '男' , 20);

        var p2 = createPerson('z4' , '女' , 25);

        alert(p1.sex);

        p1.sayName();

        // 第二中形式 构造函数式  new Array new Date

        // 函数的第一个字母大写 (类的模版)

        function Person(name , age , sex){

            this.name = name ;

            this.age  = age ;

            this.sex  = sex ;

            this.sayName = function(){

                alert(this.name);

            }

        }

        //构造一个对象 new关键字 传递参数 执行模版代码 返回对象

        var p1 = new Person('小1' , 20 , '男');

        var p2 = new Person('小2' , 21 , '女');

        alert(p1.name);

        p1.sayName();

        alert(p1 == p2); //false, 

        alert(p1.constructor == Person);

        alert(p2.constructor == Person);

        alert(p1 instanceof Person);    //true

        alert(p1 instanceof Object);    //true

        //创建对象的方式:

        // 1当作构造函数去使用 ：

        var p1 = new Person('小1' , 20 , '男');

        // 2作为普通的函数去调用

        Person('小2' , 25 , '男');//在全局环境里定义属性并复制 直接定义在window上,this是window，

        alert(name);

        // 3在另一个对象的作用域中调用

        var o = new Object();

        // call  applly

        Person.call(o,'小4' , 12 , '女');  //o动态加一个方法，一次性的，复制方法的属性

        alert(o.name);

        </script>

    </head>

    <body>

    </body>

</html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>

    <head>

        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

        <title>Untitled Document</title>

        <script type=text/javascript charset=utf-8>

        //同级函数可以互相访问

        function Person(name , age){

            this.name = 1 ;

            sayName() ; //同级函数可以互相访问

            alert(333);

        }

        function sayName(){

            alert(222);

            Person();//同级函数可以互相访问

        }

        // 原型 prototype

        function Person(name , age){

            this.name = name ;

            this.age  = age ;

            this.sayName = function(){alert('我是姓名!')};//后面的函数看成匿名对象，每次不一样。函数可以公用，放在原型里面。

            this.sayName = sayName1 ; //右边的函数是外部的函数

        }

        // 定义了一次函数

        function sayName1(){

            alert(this.name);

        }

        var p1 = new Person('z3',20);

        var p2 = new Person('z4',21);

        p1.sayName();

        p2.sayName();

        alert(p1.sayName == p2.sayName);     // false

        alert(p1.name == p2.name);         // false 

        // prototype 创建每一个函数都有一个prototype属性,这个属性其实是一个指针,而这个指针总指向一个对象

        // 这个对象的用途就是将特定的属性和方法包含在内,起到一个所有实例所共享的作用

        //闭包实现了函数层面多个子函数共享父类函数的属性、方法。类层面上原型实现了多个子类对象共享父类对象的属性、方法。

        function Person(){}

        var obj = Person.prototype;//原型的构造器是函数本身

        alert(typeof obj);//object

        obj.name = 'z3';

        obj.age  = 20 ;

        obj.sayName = function(){alert(this.name);};//原型对象里面的this是对象自己

        var p1 = new Person();

        var p2 = new Person();

        alert(p1.age);

        alert(p2.age);

        p1.sayName();

        p2.sayName();

        alert(p1.sayName == p2.sayName)//true，同一个地址

        //函数.prototype =  原型对象，原型对象.constructor = 函数

        alert(obj.constructor);//Person

        //实例对象.prototype = 原型对象

        alert(p1.prototype);

        alert(obj.isPrototypeOf(p1));//是不是这个对象的原型

        //Object.getPrototypeOf():根据实例对象获得原型对象

        //object.hasOwnProperty(attribute) 判断属性是否属于对象本身

//in 操作符 判断对象中是否存在该属性(无论是实例对象还是原型对象)

//Object.keys();拿到当前对象里的所有keys 返回一个数组

//getOwnPropertyNames 枚举对象所有的属性 ：不管该内部属性能否被枚举

        </script>

    </head>

    <body>

    </body>

</html>

js13--对象、原型的更多相关文章

  1. javascript 创建对象及对象原型链属性介绍

    我们知道javascript里定义一个普通对象的方法,如: let obj = {}; obj.num = 1; obj.string = 'string'; obj.func = function( ...

  2. JavaScript对象原型写法区别

        体现对象原型分步式写法 //原型分步式写法 //构造函数 function Person(){} //对象原型 Person.prototype.name = 'Avensatr'; Pers ...

  3. Javascript高级编程学习笔记（21）—— 对象原型

    JS中对象相关的最重要的恐怕就是原型链了 原型链也是JS中对象继承的实现的基础 接昨天的文章,我们使用构造函数创建对象的时候仍然存在一些问题 那就是所有的实例没法共用一个函数 这样无疑会造成极大的内存 ...

  4. JavaScript对象原型写法详解

        体现对象原型分步式写法 //原型分步式写法 //构造函数 function Person(){} //对象原型 Person.prototype.name = 'Avensatr'; Pers ...

  5. 关于js的对象原型继承(一)

    javascript中,对象的继承是通过原型去继承. 可以这样理解:js中的对象,包含的除了属性和方法,还有一个最基本的原型__proto__对象.这个原型__proto__指向谁,这个对象就继承谁. ...

  6. jquery实现点击展开列表同时隐藏其他列表 js 对象操作 对象原型操作 把一个对象A赋值给另一个对象B 并且对象B 修改 不会影响 A对象

    这篇文章主要介绍了jquery实现点击展开列表同时隐藏其他列表的方法,涉及jquery鼠标事件及节点的遍历与属性操作技巧,具有一定参考借鉴价值,需要的朋友可以参考下 本文实例讲述了jquery实现点击 ...

  7. JS的对象原型

    1.对象 1.1 语法 对象可以通过两种形式定义:声明(文字)形式和构造形式. 对象的文字语法: var myObj = { key : value //... }; 对象的构造语法: var myO ...

  8. this、对象原型

    this和对象原型 第一章 关于this 1.1 为什么要用this this 提供了一种更优雅的方式来隐式"传递"一个对象引用,因此可以将 API 设计 得更加简洁并且易于复用. ...

  9. react-native-pg-utils(对react-native全局进行配置,对内置对象原型链增加方法,增加常用全局方法.)

    react-native-pg-utils 对react-native全局进行配置,对内置对象原型链增加方法,增加常用全局方法. 每次新建react-native项目之后都会发现有一些很常用的方法在这 ...

  10. JavaScript对象原型

    一.MDN上的解释(有点抽象) 基于原型的语言? JavaScript 常被描述为一种基于原型的语言 (prototype-based language)——每个对象拥有一个原型对象,对象以其原型为模 ...

随机推荐

  1. 一个Web报表项目的性能分析和优化实践(一)：小试牛刀,统一显示SQL语句执行时间

    最近,在开发和优化一个报表型的Web项目,底层是Hibernate和MySQL. 当报表数据量大的时候,一个图表要花4秒以上的时间. 以下是我的分析和体会.  1.我首先需要知道哪些函数执行了多少时间 ...

  2. OpenJDK源码研究笔记(八)-详细解析如何读取Java字节码文件(.class)

    在上一篇OpenJDK源码研究笔记(七)–Java字节码文件(.class)的结构中,我们大致了解了Java字节码文件的结构. 本篇详细地介绍了如何读取.class文件的大部分细节. 1.构造文件  ...

  3. WHU 1552 Seats 枚举

    题意: 有一个年级中7个班的n个学生. 一天,他们毫无顺序的站成一排.请计算最小的交换次数,使得 相同班的同学都站在一起. (只有站在一起的人才能交换) 思路: 如果知道班级的最终排列就能在很短的时间 ...

  4. Java代码规范文档

    NOTE:以下部分为一个简要的编码规范,更多规范请参考 ORACLE 官方文档. 地址:http://www.oracle.com/technetwork/java/codeconventions-1 ...

  5. easyui combobox 获取焦点

    easyui combobox 获取焦点 学习了:http://blog.csdn.net/foart/article/details/14446809 可以直接用: $('#spanZhudaoci ...

  6. HTML5学习笔记简明版（11）：新增的API

    HTMLDocument上的扩展 HTML5在DOM Level 2 HTML上扩展了一些HTMLDocument的接口.这些接口在全部实现了Document接口的元素对象上进行了实现. HTML5在 ...

  7. 彻底解决lazarus安装组件后烦人的编译时单元找不到的问题!

    以安装indy为例 1/下载组件包, http://www.indyproject.org/Sockets/fpc/indy-10.2.0.3.zip 2/爆开放于C:\lazarus\compone ...

  8. 15:Challenge 11（主席树裸题）

    总时间限制:  10000ms 单个测试点时间限制:  1000ms 内存限制:  262144kB 描述 给一个长为N的数列,有M次操作,每次操作是以下两种之一: (1)修改数列中的一个数 (2)求 ...

  9. 打印机共享为什么老是出现“操作无法完成（错误 0X00000709）。再次检查打印机名称、并确保打印机连接网络

    这个情况应该是访问IP连接打印机才会出现的.解决办法:不使用IP访问,使用网上邻居找计算机名称再连接打印机即可. ------------------------------------------- ...

  10. 使用acme.sh快速生成SSL证书

    起因 早上收到了一封来自MySSL EE <noreply@notify.myssl.com>的邮件提示证书即将过期, 少于7天,但是acme.sh应该是60天自动renew的.于是查看下 ...