Doc/JS_this.md · 北京大学-张齐勋/移动端开发入门实践

面向对象语言中this表示当前对象的一个引用。但在JavaScript中this不是固定不变的，它会随着执行环境的改变而改变。

在方法中，this 表示该方法所属的对象。
在函数中，this 表示全局对象。
在函数中，在严格模式下，this 是未定义的(undefined)。

function funabc(){
    console.log(this);
}

var abc = {
    type:1,
    color:"red",
    getColor:function(){
        console.log(this);
        return this.color;
    }
};

console.log(abc.getColor());

funabc();

$ node js.js 
{ type: 1, color: 'red', getColor: [Function: getColor] }
red
<ref *1> Object [global] {
  global: [Circular *1],
  clearInterval: [Function: clearInterval],
  clearTimeout: [Function: clearTimeout],
  setInterval: [Function: setInterval],
  setTimeout: [Function: setTimeout] {
    [Symbol(nodejs.util.promisify.custom)]: [Getter]
  },
  queueMicrotask: [Function: queueMicrotask],
  clearImmediate: [Function: clearImmediate],
  setImmediate: [Function: setImmediate] {
    [Symbol(nodejs.util.promisify.custom)]: [Getter]
  }
}

严格模式

"use strict";
function funabc(){
    console.log(this);
}

var abc = {
    type:1,
    color:"red",
    getColor:function(){
        console.log(this);
        return this.color;
    }
};

console.log(abc.getColor());

funabc();

$ node js.js 
{ type: 1, color: 'red', getColor: [Function: getColor] }
red
undefined

北京大学-张齐勋 / 移动端开发入门实践

简介

发行版

贡献者

近期动态

北京大学-张齐勋 / 移动端开发入门实践 .gitee-modal { width: 500px !important; }

简介

发行版

贡献者

近期动态

搜索帮助

北京大学-张齐勋 / 移动端开发入门实践