JavaScript面向对象的概念

JavaScript面向对象的概念

一切事物皆对象,面向对象是一种思维方法。面向对象是把要实现的效果分解成各个对象,建立对象的目的不是为了完成一个步骤,而是为了描叙某个事物在整个解决问题的步骤中的行为。
而JavaScript语言是通过一种叫做 原型(prototype)的方式来实现面向对象编程的。基于原型的面向对象方式中,对象(object)则是依靠 构造器(constructor)利用 原型(prototype)构造出来的。

创建对象的方式

1、字面量形式


1.1、访问对象的属性
[JavaScript] 提供了灵活的机制来修改对象的行为,可以动态添加、修改、删除属性(delete)和方法。

alert(person.name);  // 访问person对象的 name属性值
person.age = 30;  //修改person对象的 age 属性
person.like = "敲代码";//如果不存在这个属性,就给这个对象添加这个属性,并赋值
delete person.age;//使用delete操作关键字,删除person对象的属性age
person.eat();  //既然是调用方法(函数) 则一定还要添加 ()来表示方法的调用

1.2、for...in可以用来遍历对象的所有属性

// 在用for...in遍历的时候, in前面的变量pn指的是属性的名称。
for (pn in person) {
    alert(pn + " " + person[pn]);
}

2、构造函数创建对象


函数的原型对象

在你声明一个函数时,函数会在浏览器默认的生成这个函数的原型对象,而且它会有一个默认的属性prototype这个属性指向这个原型对象,而原型对象有一个默认属性constructor指向这个函数


    

当把一个函数作为构造函数,使用new创建对象的时候,那么这个对象就会存在一个默认的不可见的属性[[proto]],来指向了构造函数的原型对象。


    

constructor属性存在于原型对象中,它指向了构造函数


可以为用Person.prototype 属性指定新的对象,来作为Person的原型对象。


可以用protocol来判断这个new出来的对象的原型是否是这个原型对象


通过原型可以给原生引用类型(Object,Array,String等)添加自定义方法,例如给String添加Chrome不支持但FF支持的startsWith方法:

var str = 'this is script';
//alert(str.startsWith('this'));//Chrome中报错
String.prototype.startsWith = function(strTarget){
  return this.indexOf(strTarget) === 0;
}
alert(str.startsWith('this'));//不报错了

注意:不建议给原生对象添加原型属性,因为这样可能会意外重写原生方法,影响其它原生代码(调用了该方法的原生代码)

使用 call 或 apply 这两个方法完成函数借调。这两个方法的功能是一样的,只有少许的区别(暂且不管)。功能都是更改一个构造方法内部的 this 指向到指定的对象上。


实现继承的最佳方式(组合继承)

function object(obj){//返回原型为obj的没有实例属性的对象
  function Fun(){}
  Fun.prototype = obj;
  return new Fun();
}
function inheritPrototype(subType, superType){
  var prototype = object(superType.prototype);//建立原型链,继承父类原型属性,用自定义函数object处理是为了避免作为子类原型的父类实例具有实例属性,简单地说,就是为了切掉除多余的实例属性,可以对比组合继承理解
  prototype.constructor = subType;//保证构造器正确,原型链会改变子类持有的构造器引用,建立原型链后应该再改回来
  subType.prototype = prototype;
}

function SubType(arg1, arg2...){
  SuperType.call(this, arg1, arg2...);//继承父类实例属性
  this.attr = value;//子类实例属性
}
inheritPrototype(SubType, SuperType);

你可能感兴趣的:(JavaScript面向对象的概念)