JS中的实例方法、静态方法、实例属性、静态属性

1、静态方法与实例方法的例子：html

咱们先来看一个例子来看一下JS中的静态方法和实例方法究竟是什么？promise

静态方法：函数

function A(){}post

A.col='red'  //静态属性ui

A.sayMeS=function(){this

console.log("Hello World S!");.net

}prototype

A.sayMeS();//输出Hello World S!指针

 

实例方法： htm

function A(){

    this.Color="yellow"  //实例属性

}

A.prototype.age=14;  //实例属性

A.prototype.sayMeE=function(){

console.log("Hello World E!");

}

var a=new A();

a.sayMeE();//输出Hello World E!

注意：咱们还有一种写法，以下：

A.prototype = new Animal();

或者

A.prototype = {
    aa:32323,
    say: function() { console.log("My color is " + this.color); }
}

这个写法，会覆盖前面的A.prototype.age  和  A.prototype.sayMeE ，因此必定要注意顺序，把这个两种写法放到前面，而后再写本身定义的

 

2、两者的区别：

从定义上，实例方法要用到function这个对象中的prototype属性来定义，静态方法经过A.直接定义；从方法调用上，静态方法能够直接经过A.来调用，实例方法要经过先定义一个引用变量，指向构造函数定义的新对象。

咱们以前的博文已经讨论过JS对象、构造函数、原型（参看Js中的对象、构造函数、原型、原型链及继承），这里加深一下理解，咱们以前已经说过函数是一个对象，函数对象中的属性 prototype能够想成一个指针，指向一个方法（这样不用每一次用构造函数创造一个新实例后都要将方法从新建立一遍）。这样就好理解了，var a是A的一个引用，也就是指针，a就能够指向sayMeE这个方法，若是直接A.sayMeE()是会报错的，由于A不是一个指针，a.sayMeS()也会报错，由于a不是一个方法对象。

3、再谈继承：

继承举例：

function A(){ }

A.prototype.sayMeE=function(){
    console.log("Hello World E!");
}

function B(){ }

B.prototype=new A();//实现了继承

继承就是将B的指针指向A对象，这种形式是用A的构造函数来构建对象。