>  기사  >  웹 프론트엔드  >  이에 대한 간단한 토론은 자바스크립트에서

이에 대한 간단한 토론은 자바스크립트에서

怪我咯
怪我咯원래의
2017-03-29 14:56:53954검색

js에서 이게 뭐죠? 이에 대해서는 블로그파크에 설명이 너무 많은데, 읽어보니 설명이 좀 복잡한 것 같아서 간단하고 이해하기 쉽게 정의하겠습니다.

이것은 실제로 js의 객체입니다. 어떤 객체인가요? 이 개체는 누구든지 그것을 부르는 사람을 가리킨다는 것입니다.

이 점에 관해서는 사실 블로그파크의 글들에서 이미 많은 설명을 했고, 몇몇 글들도 요점을 지적하고 있는데, 여기서는 아직 설명이 좀 모호합니다. 몇 가지 간단한 통제 실험의 결과를 바탕으로 모든 사람이 매우 명확하게 설명할 것입니다.

제 코드를 기반으로 아래 실험을 반복해 보시기 바랍니다.

먼저 다음 코드를 살펴보겠습니다.

//创建一个局部对象a
var a = {
 user:'小东',
 getName:function(){
  return this.user;//返回当前对象的user属性值
 }
}
//调用a的getName方法
alert(a.getName());



위 코드는 무엇을 출력할까요? 네, 여기서 경고는... Xiaodong... 이것은 객체 a 내부에서 이것을 호출하는 것입니다. 따라서 호출하는 사람은 다음을 가리킬 것입니다. 정의・・・・・・・・・・・, 여기서 이것은 개체를 가리킵니다.

다음으로 위 코드에 다른 줄을 추가합니다.

//创建一个局部对象a
var a = {
 user:'小东',
 getName:function(){
  return this.user;//返回当前对象的user属性值
 }
}
//调用a的getName方法
alert(a.getName());
//把局部对象的属性函数赋值给外面的变量out
var out = a.getName;
//调用out函数
alert(out());



위의 실험 결과에 따르면 a.getName을 호출하는 것을 알 수 있습니다. 직접 출력은 Xiaodong 맞죠? 그러면 속성 함수 a.getName을 out 변수에 할당한 후 다시 호출하면 무엇이 출력될까요? 결과는 정의되지 않았습니다. 왜 정의되지 않았나요? 이것에 대해 잠시 생각해 보십시오. 여기서 출력이 정의되지 않은 이유를 이해했다면 이에 대해 명확하게 이해했다고 생각합니다. 하지만 이 기사에 관심이 있다면 계속해서 읽을 수 있습니다.

여기에서는 a 객체 외부를 참조하는 getName 함수가 a 객체 내부의 값을 가져올 수 없는 이유를 우회적으로 살펴보겠습니다. 다음 코드(사실 위 코드와 거의 똑같습니다. ㅎㅎ):

//创建一个局部对象a
var a = {
 user:'小东',
 getName:function(){
 return 1;//这里我们不返回this,而是返回1
}
}
//调用a的getName方法
alert(a.getName());
//把局部对象的属性函数赋值给外面的变量out
var out = a.getName;
//调用out函数
alert(out());



여기서는 매우 간단합니다. 객체의 getName 속성 함수를 반환하지만...1...을 반환하는데, 이때 out 함수를 호출하면 어떤 결과가 나올 것이라고 생각하시나요? 맞아요, 당신이 얻는 것은 더 이상...정의되지 않은・・・・이 아니라 실수・・・・1・・・・・입니다. 참 이상하지 않나요? a.getName 함수가 a 객체의 사용자 속성을 반환할 때 out을 사용하여 a.getName 함수를 참조하면 정의되지 않은 결과를 얻고, a.getName 함수가 1을 반환하면 Can out 참조를 사용합니다. a.getName 함수를 사용하지만 a.getName의 내용을 얻으시겠습니까? 무슨 일이야?

이유는 매우 간단합니다. 외부 전역 변수를 out으로 호출할 때 이는 a 객체가 아닌 out되어야 하는 객체를 가리키며, out의 객체는 누구입니까? js가 전역적으로 선언한 변수의 객체가 window 객체라는 것을 알아야 합니다. 호출할 때 this는 window를 가리키므로 함수 out=a.getName=function(){return this.user;}에서 this.user에 대해 window.user를 작성해야겠죠? 그런데 지금 이 순간 전역변수에 window.user라는 속성값이 들어 있는 걸까요? 아니요? window.user의 속성 값이 없으므로 경고(window.user)를 정의하지 않아야 합니다. 이를 증명하기 위해 다음과 같은 실험을 해보겠습니다.

//创建一个局部对象a
var a = {
 user:'小东',
 getName:function(){
  return this.user;//返回当前对象的user属性值
 }
}
//调用a的getName方法
alert(a.getName());
//把局部对象的属性函数赋值给外面的变量out
var out = a.getName;
//我们增加一个window.user的全局属性,看看再次调用out函数会输出什么
var window.user='window"s username';
//调用out函数
alert(out());



이때 위 코드를 다시 실행하면 out 함수가 다음과 같은 결과를 출력하는 것을 알 수 있습니다. 더 이상 정의되지 않지만 창의 사용자 이름은 무엇을 증명합니까? 이는 외부에서 이것을 호출할 때 이것이 창을 가리킨다는 것을 증명합니다. 또한 이것이 호출하는 사람을 가리킨다는 것도 증명합니다.

js의 전역 변수를 이해하지 못하는 경우 위의 코드를 다음 코드로 대체하고 호출하면 더 잘 이해할 수 있습니다.

//创建一个局部对象a
var a = {
 user:'小东',
 getName:function(){
  return this.user;//返回当前对象的user属性值
 }
}
//调用a的getName方法
alert(a.getName());
//把局部对象的属性函数赋值给外面的变量out
var out = a.getName;
//此刻,我们增加一个user的变量,看看再次调用out函数会输出什么
var user='window"s username';
//调用out函数
alert(out());



여기서는 더 이상 window 객체를 활성화하지 않습니다. 외부 속성과 함수의 경우 항상 var를 사용하여 선언하므로 모두 동일한 객체를 가리켜야 합니다. ? 이때, 다시 위의 코드를 실행하면, 즉 out 함수를 실행하면 여전히 해당 윈도우의 사용자 이름을 경고할 수 있습니다. 이 시점에서 이에 대한 정의는 이보다 더 명확할 수 없습니다. 누구든지 그것을 부르는 사람을 가리킨다는 것입니다.

이것은 이해하기 어렵지 않습니다. 이해하기 어려운 것은 그것을 호출하는 객체를 찾아야만 이것이 누구를 가리키는지 알 수 있다는 것입니다. to, 왜냐하면: 이것의 정의는: 그것을 부르는 사람이 무엇이든 가리킨다는 것입니다.



위 내용은 이에 대한 간단한 토론은 자바스크립트에서의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.