对象定义:无序属性的集合,属性包含基本值、对象、函数,相当于一组没有特定顺序的值。

   创建自定义对象最简单的方式就是:

 var movie=new Object();
movie.name="Interstellar";
movie.year=2014;
movie.country="American";
movie.playMovie=function(){
alert(this.name);
};

当然还可以写成对象自变量的方式:

var movie={
name:"Interstellar",
year:2014,
country:"American",
playMovie:function(){
alert(this.name);
}
};

上面两种都有明显的缺点:如果使用同一个接口创建很多对象,那么会产生大量的重复代码

 所以出现了工程模式,还是以前面的例子来修改:

function showMovie(name,year,country){
var p=new Object();
p.name=name;
p.year=year;
p.country=country;
p.playMovie=function(){
alert(this.name);
};
return p;
}

用的时候直接赋给一个变量:

var movie1=showMovie("Interstellar",2014,"American");

var movie2=showMovie("FleetofTime",2014,"China");

工厂模式虽然解决了创建多个相似对象的问题,但是没有解决对象识别的问题(怎样知道一个对象的类型),

于是构造函数出现,接着前面例子修改:

function Movie(name,year,country){
this.name=name;
this.year=year;
this.country=country; this.playMovie=function(){
alert(this.name);
};
}
//注意:
//这里没有return,没有显示的创建对象,把方法和属性都赋给了this对象;
//构造函数始终应该以一个大写字母开头,而非构造函数则以小写开头;

这里有几种调用构造函数的方式:

第一种通过new操作符:

var movie1=new Movie("Interstellar",2014,"American");

var movie2=new Movie("FleetofTime",2014,"China");

movie1、movie2都有一个constructor属性,指向Movie

alert(movie1.constructor==Movie);//true
alert(movie2.constructor==Movie);//true;

当然检测对象类型instanceof操作符要更可靠一些

alert(movie1 instanceof Movie);//true
alert(movie2 instanceof Movie);//true
alert(movie1 instanceof Object);//true
alert(movie2 instanceof Object);//true

注意的是所有对象都继承自Object;

第二种调用是把它作为普通的函数来调用,那么属性和方法都被添加到window对象了撒:

Movie("Interstellar",2014,"American");
window.playName();// "Interstellar"

第三种就是通过call()(apply())来到另一个对象的作用域中调用:

var p=new Object();
Movie.call(p,"FleetOfTime",2014,"China");
p.playMovie();//FleetOfTime

  以上就是调用构造函数的三种方式了,那么构造函数有什么问题呢,可以试着执行下面代码发现不同实例上的同名函数不相等

alert(movie1.playMovie==movie2.playMovie)//false

//构造函数主要的问题就是每个方法都要在每个实例上重新创建一遍

 我们可以通过把函数定义转移到构造函数外面来解决这个问题,如下:

function Movie(name,year,country){
this.name=name;
this.year=year;
this.country=country;
this.playMovie=playMovie;
}
funciton playMovie(){ alert(this.name);
}
//这里构造函数里面的playMovie包含一个指向函数的指针

  但是如果对象需要定义很多方法,那么就需要定义很多个全局函数了。所以出现了原型模式,当然原型模式也会存在问题,目前一般是运用构造函数+原型的组合方法来创建对象。见下节。。

最后:1937年12月13日,侵华日军野蛮侵入南京,制造了惨绝人寰的南京大屠杀惨案,30万同胞惨遭杀戮,无数妇女遭到蹂躏残害,无数儿童死于非命,三分之一建筑遭到毁坏,大量财物遭到掠夺。侵华日军一手制造的这一灭绝人性的大屠杀惨案,是第二次世界大战史上“三大惨案”之一,是骇人听闻的反人类罪行,是人类历史上十分黑暗的一页,勿忘国耻。

  

  

 

  

  

javascript创建对象(一)的更多相关文章

  1. Javascript 创建对象方法的总结

    最近看了一下<Javascript高级程序设计(第三版)>,这本书很多人都推荐,我也再次郑重推荐一下.看过之后总得总结一下吧,于是我选了这么一个主题分享给大家. 使用Javascript创 ...

  2. javascript创建对象的几种方式

    javascript创建对象简单的说,无非就是使用内置对象或各种自定义对象,当然还可以用JSON:但写法有很多种,也能混合使用.主要为下面几种:1.对象字面量的方式 person={firstname ...

  3. javascript创建对象的方法总结

    Javascript创建对象 最简单的方法:创建object实例. var person=new Object(); person.name="Joey";person.age=2 ...

  4. javascript创建对象的相关问题

    javascript创建对象的方法有很多种,一般来说,推荐使用对象字面量来创建对象. 对象构造函数捕捉 使用new Object来创建对象,可能会带来一些问题: var o = new Object( ...

  5. JavaScript创建对象(三)——原型模式

    在JavaScript创建对象(二)——构造函数模式中提到,构造函数模式存在相同功能的函数定义多次的问题.本篇文章就来讨论一下该问题的解决方案——原型模式. 首先我们来看下什么是原型.我们在创建一个函 ...

  6. Javascript 创建对象的三种方法及比较【转载+整理】

    https://developer.mozilla.org/zh-CN/docs/JavaScript/Guide/Inheritance_and_the_prototype_chain 本文内容 引 ...

  7. JavaScript创建对象的6种方式

    JavaScript创建对象简单的说,无非就是使用内置对象(Object)或各种自定义对象,当然还可以用JSON,但写法有很多种,也能混合使用. 1.对象字面量的方式 person = {name : ...

  8. JavaScript 创建对象的七种方式

    转自:xxxgitone.github.io/2017/06/10/JavaScript创建对象的七种方式/ JavaScript创建对象的方式有很多,通过Object构造函数或对象字面量的方式也可以 ...

  9. Javascript创建对象几种方法解析

    Javascript创建对象几种方法解析 Javascript面向对象编程一直是面试中的重点,将自己的理解整理如下,主要参考<Javascript高级程序设计 第三版>,欢迎批评指正. 通 ...

  10. JavaScript创建对象的几种 方式

    //JavaScript创建对象的七种方式 //https://xxxgitone.github.io/2017/06/10/JavaScript%E5%88%9B%E5%BB%BA%E5%AF%B9 ...

随机推荐

  1. Light OJ 1060 - nth Permutation(组合数)

    题目大意: 给你一个字符串,问这个字符串按照特定顺序排列之后,第n个字符串是哪个? 题目分析: 首先我们要会求解总个数.也就是共有len个字符,每个字符有ki个,那么总组合方式是多少种? 总组合方式就 ...

  2. Action中取得request,session的四种方式

    Action中取得request,session的四种方式 在Struts2中,从Action中取得request,session的对象进行应用是开发中的必需步骤,那么如何从Action中取得这些对象 ...

  3. Can't initialize OCI. Error -1

    今天使用Toad连接Oracle时出现"Can't initialize OCI. Error -1" 解决方法 因为是刚做的windows 7系统,所以没有设置更改通知的时间 把 ...

  4. selenium webdriver(6)---cookie相关操作

    介绍selenium操作cookie之前,先简单介绍一下cookie的基础知识 cookie cookie一般用来识别用户身份和记录用户状态,存储在客户端电脑上.IE的cookie文件路径(win7) ...

  5. 开发服务器端——工程配置

    概述:    服务器开发,一般分为 主程序类Project(主函数main) 流程控制类Kernel(处理收到的数据) 网络类Network(数据的收发) 公共类Common(定义一些常量和结构体,自 ...

  6. 《锋利的Jquery第二版》读书笔记 第二章

    本章节主要Jquery选择器 jquery选择器与css选择器十分相似,特别需要注意的是 <script type="text/javascript"> documen ...

  7. Cogs 1709. [SPOJ705]不同的子串 后缀数组

    题目:http://cojs.tk/cogs/problem/problem.php?pid=1709 1709. [SPOJ705]不同的子串 ★★   输入文件:subst1.in   输出文件: ...

  8. win8下在microsoft visual studio 2012利用ODP.NET连接ORACLE 12c

    老板要求我搭个ASP.NET框架,并且连接上ORACLE数据库,听起来好像挺简单的,但就是连第一步连接ORACLE我都搞了两天╮(╯▽╰)╭ 首先,项目书上要求用ORACLE 10G,可我自己的本本装 ...

  9. mysql2redis

    mysql2redis这个项目主要解决mysql数据跟redis数据同步的问题 目前在测试环境研究这方面的应用,以下是git上面的介绍 git入口    git安装入口 Dependencies pl ...

  10. Day 1 @ RSA Conference Asia Pacific & Japan 2016

    # 国内出发 早上8:45的航班,首次从深圳机场乘坐国际航班(先前去日本.欧洲都从香港走),就提前了3个小时出发. 乘taxi到机场30分钟不到,135元.到了T3 4号出发口,发现check-in的 ...