JS容易犯错的this和作用域

var someuser = {

name: 'byvoid',

func: function() {

console.log(this.name);

}

};

var foo = {

name: 'foobar'

};

someuser.func(); // 输出 byvoid

foo.func = someuser.func;

foo.func(); // 输出 foobar

name = 'global';

func = someuser.func;

func(); // 输出 global

在 JavaScript 中,上下文对象就是 this 指针,即被调用函数所处的环境。上下文对象的作用是在一个函数内部引用调用它的对象本身。
在 JavaScript 中,本质上,函数类型的变量是指向这个函数实体的一个引用,在引用之间赋值不会对对象产生复制行为。我们可以通过函数的任何一个引用调用这个函数,不同之处仅仅在于上下文。
仔细观察上面的例子,使用不同的引用来调用同一个函数时,this 指针永远是这个引用所属的对象

var scope = 'top';

var f1 = function() {

console.log(scope);

};

f1(); // 输出 top

var f2 = function() {

var scope = 'f2';

f1();

};

f2(); // 输出 top

函数作用域的嵌套关系是定义时决定的,而不是调用时决定的,也就是说,JavaScript 的作用域是静态作用域,又叫词法作用域,这是因为作用域的嵌套关系可以在语法分析时确定,而不必等到运行时确定

转载于:https://www.cnblogs.com/zhouguoshuai/p/8074428.html

JS容易犯错的this和作用域相关推荐

JavaScript容易犯错的九个陷阱
以下是JavaScript容易犯错的九个陷阱.虽然不是什么很高深的技术问题,但注意一下,会使您的编程轻松些,即所谓make life easier. 以及对某些陷阱会混杂一些评点. 1. 最后一个逗号 ...
js 执行环境活动对象变量对象作用域链的理解
看一下是知乎大神对于 js 执行环境活动对象变量对象作用域链的解释假设在全局环境下定义了函数pub()和变量pubvar: var pubvar = 1; function pub () {v ...
正面刚CNN，Transformer居然连犯错都像人类
点击上方"视学算法",选择加"星标"或"置顶" 重磅干货,第一时间送达梦晨水木番发自凹非寺量子位报道 | 公众号 QbitAI ...
犯错是成为技术专家的必要条件
说到犯错,可能有人会为之紧张,可是犯错是成为一个技术专家的必要条件. 犯错说明我们有什么东西没有掌握或是没有注意到,因此,是一个提高自己的机会.有些工程师害怕犯错,为什么呢?因为怕犯了错使得自己的绩效 ...
java中最容易犯错的特殊字符
问题背景能准确说出下面的java 执行完毕后会打印出什么? System.out.println(String.class.getName()+ ".class");System ...
m_Orchestrate learning system---二十、如何写代码不容易犯错
m_Orchestrate learning system---二十.如何写代码不容易犯错一.总结一句话总结:能排序多排序这次查错的启示: 1.代码数据更规整:要是取出的数据排序的话可以减少很多 ...
eclipse 如何忽略js文件报错
本文翻译自:http://stackoverflow.com/questions/10254922/jquery-mobile-1-1-0-min-triggers-errors-in-eclipse ...
《统计会犯错——如何避免数据分析中的统计陷阱》—第2章置信区间的优势
本节书摘来自异步社区<统计会犯错--如何避免数据分析中的统计陷阱>一书中的第2章置信区间的优势,作者[美]Alex Reinhart(亚历克斯·莱因哈特),更多章节内容可以访问云栖社区&q ...
新驾考科目三有四个地方易犯错　多名教练提供对策
驾考科目三四个地方易犯错多名驾校教练为学员分析原因提供对策 "现在电子评判,比起原来人工评判,更客观,更公平."有驾校教练把自己这两天当安全员参加考试的经验拿出来与学员们分享. ...

JS容易犯错的this和作用域

JS容易犯错的this和作用域相关推荐

最新文章

热门文章