Java知识分享网 - 轻松学习从此开始!    

Java知识分享网

Java1234官方群25:java1234官方群17
Java1234官方群25:838462530
        
SpringBoot+SpringSecurity+Vue+ElementPlus权限系统实战课程 震撼发布        

最新Java全栈就业实战课程(免费)

springcloud分布式电商秒杀实战课程

IDEA永久激活

66套java实战课程无套路领取

锋哥开始收Java学员啦!

锋哥开始收Java学员啦!

详解javascript中的this对象 PDF 下载


分享到:
时间:2021-08-17 09:54来源:http://www.java1234.com 作者:转载  侵权举报
详解javascript中的this对象 PDF 下载
失效链接处理
详解javascript中的this对象 PDF 下载


本站整理下载:
提取码:jvdf 
 
 
相关截图:
 
主要内容:

前言
Javascript是一门基于对象的动态语言,也就是说,所有东西都是对象,一个很典型的例子就是函数也被视为普通的对象。Javascript可以通过一定的设计模式来实现面向对象的编程,其中this “指针”就是实现面向对象的一个很重要的特性。但是this也是Javascript中一个非常容易理解错,进而用错的特性。特别是对于接触静态语言比较久了的同志来说更是如此。
示例说明
我们先来看一个最简单的示例:
<script type="text/javascript">
    var name = "Kevin Yang";
    function sayHi(){
       alert("你好,我的名字叫" + name);
    }
    sayHi();
</script>
这段代码很简单,我们定义了一个全局字符串对象name和函数对象sayHi。运行会弹出一个打招呼的对话框,“你好,我的名字叫Kevin Yang”。
我们把这段代码稍微改一改:
<script type="text/javascript">
    var name = "Kevin Yang";
    function sayHi(){
       alert("你好,我的名字叫" + this.name);
    }
    sayHi();
</script>
这段代码和上段代码的区别就在于sayHi函数在使用name的时候加上了this.前缀。运行结果和上面一摸一样。这说明this.name引用的也还是全局的name对象。
开头我们不是说了,函数也是普通的对象,可以将其当作一个普通变量使用。我们再把上面的代码改一改:
<script type="text/javascript">
    var name = "Kevin Yang";
    function sayHi(){
       alert("你好,我的名字叫" + this.name);
    }
    var person = {};
    person.sayHello = sayHi;
    person.sayHello();
</script>
这一次,我们又创建了一个全局对象person,并将sayHi函数对象赋给person对象的sayHello属性。运行结果如下:

 

------分隔线----------------------------

锋哥公众号


锋哥微信


关注公众号
【Java资料站】
回复 666
获取 
66套java
从菜鸡到大神
项目实战课程

锋哥推荐