函数的作用域与this指向是js中很重要的一部分，理清这点东西需要个逻辑，看看我的逻辑怎么样...
下面是个提纲，可以直接挑你感兴趣的条目阅读。
• 函数的定义方式：直接定义（window下，内部定义），对象的方法，对象原型的方法；
• 函数的调用方式：直接调用，call/apply，with
• 对于直接定义的函数和对象的方法，作用域默认状态下是它的定义处的作用域链。
• 对于直接定义的函数，this指向window。
• 对于对象的方法，this指向实例化对象（对应于实例化对象默认返回this的情况）。
• 用call/apply改变方法的this指向
• 在函数或方法的定义时可以通过with改变其作用域链。
下面分开来具体说说：
函数的定义，如提纲中提到的可以分为两种：直接定义（window下，内部定义），对象的方法（或对象原型的方法）。从下面的示例代码中可以看到函数fn1与fn2以及对象的方法doFunction在函数使用name时name的值来自相应的域。
<div class="jb51code">
<pre class="brush:js;">
var name = 'window下的name
';
var resultCon;
function fn1() {
resultCon.innerHTML += name;
}
function MyObj() {
var name = 'MyObj下的name
';
this.doFunction = function() {
resultCon.innerHTML += name;
rush:js;">
var name = 'window下的name
';
var resultCon;
function fn1() {
resultCon.innerHTML += this.name;
}
function MyObj() {
var name = 'MyObj下的name
';
this.doFunction = function() {
resultCon.innerHTML += this.name;
rush:js;">
var name = 'window下的name
';
var resultCon;
function fn1() {
resultCon.innerHTML += this.name;
}
function MyObj() {
var name = 'MyObj下的name
';
this.doFunction = function() {
resultCon.innerHTML += this.name;
rush:js;">
var name = 'window下的name
';
var resultCon;
function fn1(myS
cope) {
with (myS
cope) {
resultCon.innerHTML += name;
}
}
function MyObj(myScope) {
var name = 'MyObj下的name
';
很遗憾，不可以！所以在一些成熟的框架中随处可见call和apply的使用，却很少用到with，在用JSHint检测js语法的时候with处都标了小红点，在一些js编码指导中也建议尽量少用with，因为with改变了变量的默认查询链，所以会给后期的维护人员一些困惑，还有性能方面的一些考虑，请慎用with。
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。
