这个JavaScript代码中的this为啥和文档说明不一致呢？ [问题点数：40分]-PHP中文网问答

微信公众号讲师中心

首页

文章

后端开发 web前端数据库开发工具 php框架常见问题科技 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程自媒体新闻

专题

后端开发 web前端数据库开发工具 php框架科技 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程新闻

AI工具

AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令

学习

大前端后端开发数据库移动端运维开发计算机基础

编程手册

大前端后端开发数据库移动端运维开发计算机基础

下载

js特效网站源码工具下载类库下载网站素材学习资源插件扩展手机/移动开发手机游戏

最近更新

搜索

后端开发 web前端数据库开发工具 php框架常见问题科技 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程

这个JavaScript代码中的this为啥和文档说明不一致呢？ [问题点数：40分]

PHP中文网 2017-04-11 12:32:32

[JavaScript讨论组]

492

您好，我是一名前端小萌新，最近看到以下代码非常不理解。。。

为啥changeName（）里的那个this和person（）里的this，指的都是person对象呢？我看W3C文档里讲this指的应该是它本身这个函数对象呀（即指changeName），不理解啊。。。求路过的大神点拨一下，不胜感激！

function person(firstname,lastname,age,eyecolor)
 {
     this.firstname=firstname;
     this.lastname=lastname;
     this.age=age;
     this.eyecolor=eyecolor;
 
     this.changeName=changeName;
     function changeName(name)
     {
           this.lastname=name;
     }
 }

PHP中文网

认证高级PHP讲师

全部回复(2)

大家讲道理2017-04-11 12:34:32 2楼

当作构造函数调用时，this 指向了这个构造函数调用时候实例化出来的对象；

function Person(name) {
  this.name = name;
  console.log(this);
}

var p = new Person('qiutc');

// Person {name: "qiutc"}

当然，构造函数其实也是一个函数，如果把它当作一个普通函数执行，这个 this 仍然执行全局：

function Person(name) {
  this.name = name;
  console.log(this);
}

var p = Person('qiutc');

// Window

看你是如何调用的，this的指向问题有很多文章都讲了，网上很多这样的文章，有兴趣可以去搜索一下。

赞 +0

添加回复

迷茫2017-04-11 12:34:32 1楼

给你两篇博客看吧

this，记住就好了，语法规定，没有为什么。http://zonxin.github.io/post/...
原型链，难度提升有点儿大，要仔细多读几遍
http://zonxin.github.io/post/...

赞 +0

添加回复

专题推荐

更多>

热门话题

热门教程

更多>