欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

JS动静态的概念

程序员文章站 2024-02-14 16:13:58
...

对象分两种,一个是类对象,一个是实例对象。

静态方法——类对象

在构造函数本身上定义的方法,只能通过构造函数本身调用,new出来的对象不能够调用。

var SayHello =  function (){}
SayHello.say = function(){
   return "hello";
}
console.log(SayHello.say());
 // hello 

动态方法——实例对象

它是通过prototype原型对象添加的,所有的实例对象都能够继承调用。

var SayHello =  function (name){
	this.name = name
	this.say = function(){
   		return "hell," + this.name;
	}
}
var person = new SayHello('guagua')
console.log(person.say()); // hello,guagua
 

ES5通过类.属性,和类.方法来定义静态属性和静态方法,通过this来定义实例属性和实例方法
ES6通过static来定义静态属性和静态方法(理想情况下,因为ES不支持静态属性,只支持静态方法),通过this来定义实例属性和实例方法。

class Foo {
  static classMethod() {
    return 'hello';
  }
}

Foo.classMethod() // 'hello'

var foo = new Foo();
foo.classMethod()
// TypeError: foo.classMethod is not a function
相关标签: # JavaScript