JS 函数 this，call

来源：互联网发布：seo如何添加栏目编辑：程序博客网时间：2024/06/05 10:59

<!DOCTYPE html><html>  <head>    <title>01_define.html</title>    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">    <meta http-equiv="description" content="this is my page">    <meta http-equiv="content-type" content="text/html; charset=UTF-8">    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->    <script type="text/javascript">        console.log('call,apply的好处');        //当需要创建一个类的时候，设置类的属性和方法要用this关键字来引用        //但是特别注意：this关键字在调用的时候会根据不同的调用对象变得不同        var color = 'red';        function showColor(){            console.log(this.color);        }        //创建了一个类，有一个属性和方法        function Circle(color){            this.color = color;            //this.showColor = showColor;        }        var c = new Circle('yellow');        showColor.call(this);  //red,这里的上下文this是指window        showColor.call(c);  //类中可以省略方法不定义了，直接这样调用。上下文对象是c，结果为 yellow    </script>  </head>  <body>    This is my HTML page. <br>  </body></html>

阅读全文

0 0