首页 > 设计 > WEB开发 > 正文

JS中的上下文this

2019-11-02 18:24:35
字体:
来源:转载
供稿:网友

js中的上下文常常代表this变量的值,以及this变量的指向,当一个函数当作一个方法被调用时,this指向的是调用这个方法的对象

通过以下几种实例来了解一下

第一种情况,作为对象的方法

var pet={ Words:"...", speak:function(){ console.log(this.words); console.log(this==pet); }}pet.speak();

控制台输出:

...true

说明this指向的就是对象pet


第二种情况,直接调用函数

function pet(words){ this.words=words; console.log(this.words); console.log(this==globle);}pet('...');

控制台输出:

...true

说明调用pet方法的并不是pet本身,而是node.js中的顶层对象globle


第三种情况,构造函数

function Pet(words){ this.words=words; this.speak=function(){ console.log(this.words); console.log(this); }}var cat = new Pet('Miao')cat.speak()

控制台输出:

MiaoPet { words: 'Miao', speak: [Function] }
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表