JavaScript-ES6

JavaScript(ES6) - 面向对象的程序设计

2017-09-16  本文已影响9人  呼呼哥

面向对象简介:


面向对象的语言有一个标志,那就是他们都有类的概念,而通过类可以创建任意多个具有相同属性和方法的对象。


理解对象

创建对象最简单的方法就是创建一个 Object 对象的实例,然后再添加属性和方法,例如

var person  = new Object();
person.name  = "Tom";
person.age = 20;
person.job = "Software Engineer";
person.sayName = function(){
      console.log(this.name)
}  

上面的例子创建了一个 person 的对象,并添加了 (name, age 和 job)三个属性和一个方法(sayName()),其中 sayName()方法用于显示 this.name(将被解析为 person.name)的值。早年的 JavaScript 开发人员经常使用这个模式创建对象。现在,对象字面量成为创建对象的首选模式。前面的例子用字面量语句可以写成这样:

var person = {
      name : "Tom",
      age : 20,
      job :  "Software Engineer" ,
      sayName: function(){
            console.log(this.name)
      }
}

这个例子中的 person 对象与前面例子中的 person 对象是一样的,都有相同的方法和属性。这个属性在创建时都有一些特征值(characteristic),
javaScript 通过这些特征值来定义它们的行为。

属性的类型

1:数据属性:数据包含了一个数据值的位置。这个位置可以读取和写入值。数据熟悉有四个描述行为的特征。

  • [ [Configurable(可配置)] ] : 表示能否通过 delete 删除属性从而重新定义属性,能否修改属性的特性,或者能否把属性修改访问器属性。像前面的例子中那样直接在对象上定义属性,他们的这个特性默认值为 true。
  • [ [ Enumerable(枚举)] ] : 表示能否通过 for-in 循环返回属性。像前面的例子中那样直接在对象上定义属性。他们的这个特性默认值为 true。
  • [ [Writable ] ] : 表示能否修改属性的值。像前面的例子中那样直接在对象上定义属性。他们的这个特性默认值为 true。
  • [ [Value] ] : 包含这个属性的值,读取属性值的时候,从这个位置读,写入属性值的时候,把新值保存在这个位置。这个属性的默认值为undefined。

对于前面例子中那样直接在对象上定义属性,它们的 [ [Configurable ] ],
[ [ Enumerable] ] 和 [ [Writable ] ] 特性都被设置为 ture, 而 [ [Value] ] 特性被设置为指定的值。例如:

var person = {
      name : "Tom"
}

这里创建了一个名 name 的属性,为它指定的值是 "Nicholas"。也就是说 [Value] 特性将设置为 "Nicholas",而对这个值的任何修改将反应在这个位置。
   要修改属性默认的特性,必须适应 ECMAScript 5 的 Object.defineProperty() 方法。这个方法接受三个参数:属性所在的对象,属性的名字和一个描述对象。其中,描述符(descriptor)对象的属性必须是: configurable,enumerable,writable和 value。设置其中一个或者多个对应的特性值。

字符串的扩展--转自:阮一峰《ECMAScript 6 入门》

上一篇下一篇

猜你喜欢

热点阅读