• javascript小知识1 this的用法


    函数的应用:

     1 <!DOCTYPE html>
     2 <html lang="en">
     3 <head>
     4     <meta charset="UTF-8">
     5     <title>Document</title>
     6 </head>
     7 <body>
     8 <script>
     9 function f(){
    10     alert(this.x);
    11 }
    12 var x = 1;
    13 var a = {
    14     x :2
    15 }
    16 a.f2 = f;
    17 var cc = a.f2()
    18 console.log(cc)
    19 </script>    
    20 </body>
    21 </html>

    你猜 cc 是多少,是2;

    再看一个例子:

     1 <!DOCTYPE html>
     2 <html lang="en">
     3 <head>
     4     <meta charset="UTF-8">
     5     <title>Document</title>
     6 </head>
     7 <body>
     8 <script>
     9 
    10 var x = 1;
    11 var a = {
    12     x: 2,
    13     fn: function() {
    14         return (this.x)
    15     }
    16 }
    17 var b = {
    18     x: 3
    19 }
    20 q = a.fn();
    21 p = a.fn;
    22 q1 = p();
    23 b.f2 = a.fn;
    24 q3 = b.f2();
    25 q5 = (b.f2)();
    26 d = b.f2;
    27 q4 = d();
    28 console.log("q" + "~~~~" + q)
    29 console.log("q1" + "~~~~" + q1)
    30 console.log("q3" + "~~~~" + q3)
    31 console.log("q4" + "~~~~" + q4)
    32 console.log("q5" + "~~~~" + q5)
    33 </script>    
    34 </body>
    35 </html>

    注意q3与q5这俩结果是一样的;

    坚持下去就能成功
  • 相关阅读:
    团队项目-个人博客-4.25
    团队项目-个人博客-4.24 学习进度08
    评价使用的输入法
    个人工作总结08
    个人工作总结07
    第八周学习进度条
    个人工作总结06
    构建之法阅读笔记04
    个人工作总结05
    个人工作总结04
  • 原文地址:https://www.cnblogs.com/suoking/p/4862703.html
Copyright © 2020-2023  润新知