function Person(){
this.say = function(){
console.log("Hello");
};
}
var person = new Person();
person.say();
这应该是一个奇怪的问题,为什么可以通过person.say的方式访问say方法。
好像把this去掉,就不能正常输出结果了。这个this有什么作用。
我在判断this指代谁的时候总会告诉自己谁调用指代谁,而这次,this直接出现在了say前面,我有点糊涂了,感觉自己没办法表达清楚自己的问题。
这个问题很好!这个问题其实阐述了javascript十分核心的知识点:面向对象编程
。从三个方面说说面向对象编程:对象
、构造函数
、new 命令
。
对象是单个实物的抽象,也可以说是一个容器,里面包含对象属性和对象方法。
构造函数是专门用来生成对象的函数。function Person() {...}
。这里Person函数其实就是一个构造函数!其中构造函数一般有两个特点:1、构造函数体内部使用了this关键字,代表了所要生成的对象实例。2、用new命令生成对象。
new命令的作用,就是执行构造函数,返回一个实例对象。var person = new Person();
这里通过new命令,让构造函数Person生成了一个实例对象,并保存在变量person中,这个新生成的实例对象,从构造函数Person继承了say方法,new命令执行时,构造函数内部的this,就代表了新生成的实例对象,
this.say表示实例对象有一个say方法。如果去掉this,say方法就变成了局部方法,外部是无法调用的。
先来看一段 ES6 class 语法的例子
class Person {
say() {
console.log("hello");
}
}
const person = new Person();
person.say();
上面这是采用 class 语法定义的 Person
类,它有一个 say()
方法。运行效果和题主的代码运行效果一致,但本质上还是有些区别。这段代码里看不到 this
,而 say()
方法也不是定义在 Person
的每个实例对象上,而是定义在 Person
的原型对象中。
如果要把题主的代码翻译成 class 语法,应该是这样:
class Person {
constructor() {
this.say = function() {
console.log("hello");
};
}
}
const person = new Person();
person.say();
这里出现了 constructor
,即构造函数。构造函数中,通过 this
指针对实例对象添加了一个 say()
方法。如果有多个实现,每个实例都有自己的 say()
方法实例,虽然行为一样,但却是不同的对象,可以验证一下
class Person {
constructor() {
this.say = function() {
console.log("hello");
};
}
}
const person = new Person();
const p2 = new Person();
console.log(person.say === p2.say);
// false
这里提到了构造函数。在 ES6 以前,需要定义 JavaScript 类,就是通过构造函数来定义的,然而实际上,构造函数和普通函数在定义上并没有多大区别,当调用的时候使用了 new
运算符,就是构造,没使用,就是普通函数 参阅:JavaScript 的 this 指向问题深度解析。
OOP 语言在产生对象的时候一般都是这么一个过程:产生一个对象,从最远的基类开始依次调用变量初始化(如果有的话)和构造函数,所以调用构造函数的时候,已经存在对象,this
指针已经生效,可以在构造函数中使用 this
指针。对于静态语言来说,可以通过 this
指针访问已经定义的属性,或者方法。而 JavaScript 是动态语言,所以甚至可以使用 this
指针赋予它新的属性,比如 this.say = ....
,当这个属性是一个函数表达式的时候,就相当于是在定义新的实例方法(非常确切的实例方法,每个实例一个,各自不同)。
最后,既然是方法,那就可以使用 对象.方法()
的形式来调用,也就是 person.say()
。如果没有定义,当然也就不能调用了,也就是题主说的没效果(实际应该报错)