javascript——this用法

<!DOCTYPE html>
<html>
<head>
    <title>javascript_this用法</title>
    <meta charset="UTF-8">
    <script type="text/javascript">
        /**
         * 当需要创建一个类的时候
         * 设置类的属性和方法需要通过
         * this关键字来引用
         * 但是需要特别注意:
         * this关键字在调用
          */
        var color="red";
        function showColor(){
            alert(this.color);
        }
        //创建一个类
        function Circle(color){
            this.color=color;
            this.showColor=showColor;
        }
        var c=new Circle("yellow");
        //使用c调用showColor方法,等于调用showColor()
        //此时的this是c,所以color是yellow
        c.showColor();
        showColor();//red

    </script>
</head>
<body>

</body>
</html>

  

时间: 2024-10-22 17:13:43

javascript——this用法的相关文章

JavaScript this用法总结

JavaScript this用法总结 在JavaScript中,this关键字可以说是最复杂的机制之一.对this的作用机制缺乏比较深入的理解很容易在实际开发中出现问题. 1.this的作用 为什么要在JavaScript中使用this呢?因为this提供了一种简明的方式来隐式传递一个对象引用,可以让函数接口设计的简单且容易复用: function display() { console.log(this.name); } var obj1 = {name: "obj1"}; var

javascript typeof用法小测

<html xmlns="http://www.w3.org/1999/xhtml"> <head>     <title></title>     <script type="text/javascript">                                     function show(){                 //typeof后跟参数,返回的是表示该参数类型的字符串

JavaScript高级用法二之内置对象

综述 本篇的主要内容来自慕课网,内置对象,主要内容如下 1 什么是对象 2 Date 日期对象 3 返回/设置年份方法 4 返回星期方法 5 返回/设置时间方法 6 String 字符串对象 7 返回指定位置的字符 8 返回指定的字符串首次出现的位置 9 字符串分割split() 10 提取字符串substring() 11 提取指定数目的字符substr() 12 Math对象 13 向上取整ceil() 14 向下取整floor() 15 四舍五入round() 16 随机数 random(

JavaScript -入门用法

JavaScript 用法 HTML 中的脚本必须位于 <script> 与 </script> 标签之间. 脚本可被放置在 HTML 页面的 <body> 和 <head> 部分中. <script> 标签 如需在 HTML 页面中插入 JavaScript,请使用 <script> 标签. <script> 和 </script> 会告诉 JavaScript 在何处开始和结束. <script>

javascript的用法

1.在HTML文件中位置有三块 (1)head里面 (2) body里面 (3)</html>之后 <script></script> 2.三个常用对话框 2.基本类型和变量 基本类型是字符串.小数.整数.日期时间.布尔型 变量:通用类型var +:在遇到字符串类型时,表示拼接. 模的作用:1.取余 2.将某个数值变为某个范围之内的数 3.查看是否整除 a++;++a的用法 3.运算符 数学运算符:+.-.*./% ++ -- 关系运算符:==  != > >

玩转Javascript this用法

在web项目中Javascript是一门必须要掌握的动态语言,基于Javascript的框架大多离不开不了最基础的Javascript的用法和原理.本文主要是总结一下Javascript中那万恶的this关键字. 开门见山,抛出一个观点:“Javascript中this永远是指向调用它的对象”.下面我会举3个最有代表性的例子来验证我的这个观点. 例一 对象方法调用 var x = 1; function testThis(){ console.log(this.x); } testThis();

JavaScript高级用法一之事件响应与网页交互

综述 本篇的主要内容来自慕课网,事件响应与网页交互,主要内容如下 1 什么是事件 2 鼠标单击事件( onclick ) 3 鼠标经过事件(onmouseover) 4 鼠标移开事件(onmouseout) 5 光标聚焦事件(onfocus) 6 失焦事件(onblur) 7 内容选中事件(onselect) 8 文本框内容改变事件(onchange) 9 加载事件(onload) 10 卸载事件(onunload) 什么是事件 JavaScript 创建动态页面.事件是可以被 JavaScri

JavaScript正则表达式用法

演示:http://www.huiyi8.com/jiaoben/ javascript特效 <!-- 更多信息可以参考 http://hi.baidu.com/jxqlovejava/item/4160b33ab4414d82f4e4ad4b --> <script type="text/javascript">          var matchedTimes = 0;          //Match one d followed by one or m

JavaScript高级用法三之浏览器对象

综述 本篇的主要内容来自慕课网,内置对象,主要内容如下 1 window对象 2 JavaScript 计时器 3 计时器setInterval() 4 取消计时器clearInterval() 5 计时器setTimeout() 6 取消计时器clearTimeout() 7 History 对象 8 返回前一个浏览的页面 9 返回下一个浏览的页面 10 返回浏览历史中的其他页面 11 Location对象 12 Navigator对象 13 userAgent 14 screen对象 15