<html>

<head>

    <script></script>

</head>

<body>

    <!-- <script>

        ///////////壹开始///////////

        //javascript创建对象

        //函数、方法、事件处理函数、构造函数

        //函数可独立存在；方法属于对象；事件处理函数处理事件；构造函数构造对象

        /*

         *    定义一个数组

         */

         var arr = [1,2,3,4,5];

         alert(typeof arr); // 弹出object，证明数组是对象

         arr.push(6);

         alert(typeof arr);

         ///////////壹结束///////////

    </script> -->

    <!-- <script>

        /**

         *定义一个全局函数

         */

         //function show(){

            //alert(this);

         //}

         window.show = function(){ // 为对象添加方法，不能太随意添加方法和属性，否则会覆盖已有方法和属性

            alert(this);

         }

         //调用show

         window.show();

    </script> -->

    <!-- <script>

        var arr = [1,2,3,4,5];

        arr.show = function(){ // 本例中this表示函数调用者，但是new创建对象，this并不是指向调用者

            alert(this);

        }

        arr.show();

    </script> -->

    <!-- <script>

        //构造工厂

        function personFactory(name,age){

            var person = new Object();

            person.name = name;

            person.age = age;

            person.showName = function(){

                alert("姓名：" + this.name);

            }

            person.showAge = function(){

                alert("年龄：" + this.age);

            }

            return person;

        }

        var p1 = personFactory("猪",23);

        var p2 = personFactory("狗",22);

        p1.showName();

        p1.showAge();

        p2.showName();

        p2.showAge();

    </script> -->

    <!-- <script>

        //使用new创建js对象

        function Person(name,age){

            //var this = new Object(); // 等效于这句话

            this.name = name;

            this.age = age;

            this.showName = function(){

                alert("姓名："+this.name);

            }

            this.showAge = function(){

                alert("年龄："+this.age);

            }

            //用new调用函数，函数内的this会指向新创建空白对象，而不是方法调用者，会自动返回该对象

            //return this; // 自动返回创建对象，等效于这句话

        }

        var p1 = new Person("小猪八",20);

        var p2 = new Person("小沙沙",19);

        alert(p1.showName == p2.showName); // == 仅仅数值是否相等，比较的是方法，而不是属性值

    </script> -->

    <!-- <script>

        function Person(name,age){

            this.name = name;

            this.age = age;

        }

        //添加原型方法，这样创建的对象都是用的同一套方法

        Person.prototype.showName = function(){

            alert("姓名："+this.name);

        }

        Person.prototype.showAge = function(){

            alert("年龄："+this.age);

        }

        //创建2个对象

        var p1 = new Person("小猪八",22);

        var p2 = new Person("我是沙沙",20);

        alert(p1.showName == p2.showName);

        alert(p1.showName == Person.prototype.showName);

        alert(p2.showName == Person.prototype.showName);

    </script> -->

    <script>

        Array.prototype.sum = function(){

            var sum = 0;

            for(var i=0;i<this.length;i++){ // this标示调用sum方法的数组对象

                sum += this[i];

            }

            return sum;

        }

        var arr1 = new Array(1,2,3,4,5,6);

        var arr2 = [11,22,33,44,55];

        alert(arr1.sum());

        alert(arr2.sum());

        alert(arr1.sum == arr2.sum);

        alert(arr1.sum == Array.prototype.sum);

        alert(arr2.sum == Array.prototype.sum);

    </script>

</body>

</html>

关于javascript的面向对象知识，可以亲自敲一遍加深理解。

javascript面向对象知识的更多相关文章

  1. JavaScript进阶【三】JavaScript面向对象的基础知识复习

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  2. JavaScript 面向对象开发知识基础总结

    JavaScript 面向对象开发知识基础总结 最近看了两本书,书中有些内容对自己还是很新的,有些内容是之前自己理解不够深的,所以拿出来总结一下,这两本书的名字如下: JavaScript 面向对象精 ...

  3. 【转】javascript面向对象编程

    摘要:本文本来是想自己写的,奈何花了好长时间写好之后忘记保存,还按了刷新键,一键回到解放前,索性不写了,所以本文是转载的. 面向对象编程是用抽象方式创建基于现实世界模型的一种编程模式,主要包括模块化. ...

  4. Javascript基础知识总结一

    Javascript基础知识总结一 <!DOCTYPE html> <html> <head lang="en"> <meta chars ...

  5. 深入解读JavaScript面向对象编程实践

    面向对象编程是用抽象方式创建基于现实世界模型的一种编程模式,主要包括模块化.多态.和封装几种技术.对JavaScript而言,其核心是支持面向对象的,同时它也提供了强大灵活的基于原型的面向对象编程能力 ...

  6. 探讨javascript面向对象编程

    (个人blog迁移文章.) 前言: 下面将探讨javascript面向对象编程的知识. 请不要刻意把javascript想成面向对象编程是理所当然的. javascript里面,对象思想不可少,但是不 ...

  7. 第一百零九节，JavaScript面向对象与原型

    JavaScript面向对象与原型 学习要点: 1.学习条件 2.创建对象 3.原型 4.继承 ECMAScript有两种开发模式:1.函数式(过程化),2.面向对象(OOP).面向对象的语言有一个标 ...

  8. 《JavaScript面向对象编程指南》读书笔记②

    概述 <JavaScript面向对象编程指南>读书笔记① 这里只记录一下我看JavaScript面向对象编程指南记录下的一些东西.那些简单的知识我没有记录,我只记录几个容易遗漏的或者精彩的 ...

  9. 《JavaScript面向对象编程指南》读书笔记①

    概述 JavaScript快忘完了,想看一本专业书拾遗,所以看了这本<JavaScript面向对象编程指南>. 个人觉得这本书讲的很透彻很易懂,一些原来有疑惑的地方在这本书里面豁然开朗,看 ...

随机推荐

  1. CListCtrl颜色设置

    动态改变listctrl 单元格背景及文字颜色 m_listshow.InsertColumn( 0, "ID", LVCFMT_LEFT, 40 );//插入列 m_listsh ...

  2. RxSwift + Moya + ObjectMapper

    https://www.jianshu.com/p/173915b943af use_frameworks! target 'RXDemo' do pod 'RxSwift' pod 'RxCocoa ...

  3. 用sort方法输出数组

  4. 2017(5)软件架构设计，web系统的架构设计，数据库系统，分布式数据库

    试题五(共 25 分) 阅读以下关于 Web 系统架构设计的叙述,在答题纸上回答问题1 至问题 3. [说明] 某公司开发的 B2C 商务平台因业务扩展,导致系统访问量不断增大,现有系统访问速度缓慢, ...

  5. MQTT----物联网常用的消息队列协议

    MQTT(Message Queuing Telemetry Transport,消息队列遥测传输协议),是一种基于发布/订阅(publish/subscribe)模式的“轻量级”通讯协议,该协议构建 ...

  6. EntityFramework Core:版本不一致问题

    code first 更新数据库时候报版本不对或者未找到错误 解决方法: 在项目文件中添加以下节点: <PropertyGroup> <OutputType>Library&l ...

  7. web_app框架

    web app 建立在asyncio的基础上,因此用aiohttp写一个基本的app.py import logging; logging.basicConfig(level=logging.INFO ...

  8. 最新阿里云服务器免费SSL证书配置HTTPS的两种方法（图文教程二）

    在大家学习如何利用免费SSL证书配置网站HTTPS之前,我们先要搞清楚为什么要开启HTTPS,这个绿色的小锁真的有用吗?所谓的HTTPS其实是(安全套接字层超文本传输协议)是以安全为目标的HTTP通道 ...

  9. 在嵌入式开发中应该这样理解嵌入式C编程

    一.新手常常问的一个问题:C语言和嵌入式C编程有什么区别?而嵌入式工程师一般都会告诉你,其区别在于嵌入式的C语言是跑在嵌入式的开发板上的,CPU和电脑不一样,所以编译器也是不一样的,生成的可执行程序也 ...

  10. lock 单例模式

    单例模式只允许创建一个对象,因此节省内存,加快对象访问速度,因此对象需要被公用的场合适合使用,如多个模块使用同一个数据源连接对象等等 网站的计数器,一般也是采用单例模式实现,否则难以同步 单例模式要素 ...