JavaScript中this的用法步骤
来源:才华咖 本文已影响2.06W人
来源:才华咖 本文已影响2.06W人
关于JavaScript中this的用法网络中已经有较多比较详尽的介绍,可以参考本文的参考学习资料和网络。本文结合网络收集整理,尝试以一种简易的方式阐述JavaScript中this的用法,希望对大家关于JavaScript中this用法的快速理解有所帮助。
1. this用法实例
复制代码 代码如下:
r = “red”;
var o = { color: “blue” };
function sayColor(){
alert(r);
}
sayColor(); //”red”
olor = sayColor;
olor(); //”blue”
2. this用法简易理解
this指向哪里:
this运行的环境(the context object),或者简单理解为:this所在函数被调用时的当前作用域。
一段实例代码立刻明白:
复制代码 代码如下:
var fun = function() {
(this);
}
fun();// console: window,fun 的执行context为window,即this所在函数(fun())被调用时的当前作用域为window。
new fun();//console: fun,fun 的执行context为fun对象内,即this所在函数(fun())被调用时的'当前作用域为fun对象内。
3. this用法的一个特殊情况
(1)情况:
复制代码 代码如下:
function demo() {
e = om();
}
点击这个button之后,你会发现按钮的value值没有改变。
原因:在本代码运行的情况下this指向的是window对象。
复制代码 代码如下:
var button = lementById("aButton");
function demo() {
e = om();
}
ick= demo;
点击这个button之后,程序可正常执行。
(2)原因解释:
复制代码 代码如下:
var button = lementById("aButton");
function demo() {
e = om();
}
ick= demo;
alert(ick);
得到的输出是:
复制代码 代码如下:
function demo() {
e = om();
}
复制代码 代码如下:
var button = lementById("aButton");
function demo() {
e = om();
}
alert(ick);
得到的输出是:
复制代码 代码如下:
function onclick() {
demo();
}
深入理解Javascript中的this关键字
JavaScript中push(),join() 函数实例详解
使用JavaScript实现Java的List功能
JavaScript中的style.cssText使用教程分解
javascript中sort()的用法分析
如何灵活的理解JavaScript中的this指向
浅谈如何深入学习Javascript中的this关键字
关于异步JavaScript编程中的Promise使用方法
关于JavaScript substring()的使用方法
JavaScript中的with关键字
Javascript中arguments对象的详解和使用方法
详解JavaScript中的splice()使用方法
javascript中setInterval的用法总结
javascript中的match函数用法简介
深入学习Javascript中的this关键字
袜套的编织方法步骤
JavaScript中this的用法步骤
Javascript中typeof 用法归纳
个人简历的写作步骤方法
javascript写的异步加载js文件函数
2017最新javascript中AJAX用法
关于 response方法的javascript asp教程第六课
理解javascript中的with关键字是什么意思
java script remove Child的使用注意事项
关于JavaScript中的类Class详细介绍
浅析javascript中function 的length属性
关于Thieving Bird Apes Its Victims的英语作文范文
使用ajax操作JavaScript对象的方法
分析JavaScript类型系统之Math
JavaScript如何实现JSON.stringify
JavaScript toFixed方法介绍
PHPCms内容页支持JavaScript的修改方法
Python和JavaScript语言转换的常用工具
JavaScript-JavaScript数据结构和算法之图和图算法,
有关JavaScript中的prototype.bind()方法介绍
中国结编法步骤图
关于JavaScript中的parse()的使用方法
JavaScript在Android的WebView中parseInt函数转换不正确
Javascript中的isNaN函数使用
JavaScript Scoping Hoisting解析