ECMAScript对象基础

jshesb

jshesb

2016-02-19 16:43

给自己一点时间接受自己,爱自己,趁着下午茶的时间来学习图老师推荐的ECMAScript对象基础,过去的都会过去,迎接崭新的开始,释放更美好的自己。

  1.Global对象。这对象之所以特别就是因为它根本不存在!-_-。如果你声明

  var pointer=Global;

  报错,找不到此对象。这是因为在ECMAScript中,每个函数都某个对象的方法,我们用到的isNaN(),isFinite(),parseInt()和parseFloat()函数,看起来是独立的函数,其实它们都是Global对象的函数。

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

  需要注意两个用于处理url编码的函数:

  1)encodeURI()和decodeURI() 处理完整的uri

  2)encodeURIComponent()和decodeURIComponent()   处理片段

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

  2.其他对象如Array,Math,Date对象,我发现比较有趣的是Array的处理方式与ruby中Array的处理方式几乎一样。

  3.ECMAScript对象的创建方式:

  1)工厂方式:

function showColor(){ alert(this.color)}function createCar(sColor, iDoors, iMpg) {  var oTempCar = new Object;  oTempCar.color = sColor;  oTempCar.doors = iDoors;  oTempCar.mpg = iMpg;  oTempCar.showColor =showColor;  return oTempCar;}  var oCar1 = createCar("red", 4, 23);var oCar2 = createCar("blue", 3, 25);

  这样的方式看起来很奇怪,好象方法showColor()不是对象的方法

  2)构造函数方式:

function Car(sColor, iDoors, iMpg) {  this.color = sColor;  this.doors = iDoors;  this.mpg = iMpg;  this.showColor = function () {    alert(this.color)  };}  var oCar1 = new Car("red", 4, 23);var oCar2 = new Car("blue", 3, 25);

  这样的方式有个新问题,那就是每次构造一个对象都将重复生成函数showColor,为每个对象创建独立的函数版本。

  3)原型方式

function Car() {}  Car.prototype.color = "red";Car.prototype.doors = 4;Car.prototype.mpg = 23;Car.prototype.drivers = new Array("Mike", "Sue");Car.prototype.showColor = function () {  alert(this.color);};  var oCar1 = new Car();var oCar2 = new Car();  oCar1.drivers.push("Matt");  alert(oCar1.drivers);  //outputs "Mike,Sue,Matt"alert(oCar2.drivers);  //outputs "Mike,Sue,Matt"

  利用对象的prototype属性来构造对象,但是有两个问题:没办法使用构造函数传参来生成对象;函数虽然被不同对象共享,但是属性竟然也被共享,比如上面代码中,oCar1的drivers属性与oCar2的drivers属性是同一个Array对象。

  4)为了解决上面问题,我们引入了构造函数/原型的混合方式:

function Car(sColor, iDoors, iMpg) {  this.color = sColor;  this.doors = iDoors;  this.mpg = iMpg;  this.drivers = new Array("Mike", "Sue");}  Car.prototype.showColor = function () {  alert(this.color);};  var oCar1 = new Car("red", 4, 23);var oCar2 = new Car("blue", 3, 25);  oCar1.drivers.push("Matt");  alert(oCar1.drivers);  //outputs "Mike,Sue,Matt"alert(oCar2.drivers);  //outputs "Mike,Sue"

  属性通过构造函数方式,而函数则通过原型来生成,这就避免了纯粹原型方式带来的问题。但是函数放在对象的构造函数定义,让习惯java,c++的人也感觉不爽,对象为什么不能放在一块地方定义呢?这就引出来了动态原型方式

  5)动态原型方式:

function Car(sColor, iDoors, iMpg) {  this.color = sColor;  this.doors = iDoors;  this.mpg = iMpg;  this.drivers = new Array("Mike", "Sue");    if (typeof Car._initialized == "undefined") {      Car.prototype.showColor = function () {      alert(this.color);    };      Car._initialized = true;  }}  var oCar1 = new Car("red", 4, 23);var oCar2 = new Car("blue", 3, 25);

  通过引入_initialized 属性,当第一次构造对象时生成方法showColor ,再次生成对象时,此时的_initialized 已经是true,就避免了重复生成函数,属性的定义和函数的定义都在构造函数内,也满足了语义上的对象封装概念。

  我们应当尽量采用 构造函数/原型混合方式 和 动态原型方式 来创建ECMAScript对象。

展开更多 50%)
分享

猜你喜欢

ECMAScript对象基础

Web开发
ECMAScript对象基础

ECMAScript 基础知识

Web开发
ECMAScript 基础知识

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

JavaScript教程:对象的基础知识

Web开发
JavaScript教程:对象的基础知识

ASP入门基础教程-Command 对象

Web开发
ASP入门基础教程-Command 对象

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

ASP入门基础教程-Connection 对象

Web开发
ASP入门基础教程-Connection 对象

ASP入门基础教程-Recordset 对象

Web开发
ASP入门基础教程-Recordset 对象

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

Oracle数据库的自动备份

Oracle数据库的自动备份

用Delphi开发Web服务数据库程序

用Delphi开发Web服务数据库程序
下拉加载更多内容 ↓