Day 26 (Js)

1.

= =是判别左右相等为真
!= 是判别左右不相等为真

2.function同名字，会执行後面的

      function changeStyle() {
        var p = document.getElementById("pAugust");
        p.style.fontSize = "3rem";
        p.style.color = "red";
      }

3.function使用方式：

function 1.先宣告 2.再使用
(1)直接写

    function func4(n) {
        // return "flower";
        return n * n;
      }

    var temp = func4(5);  //使用
    console.log(temp);

(2)宣告 var = function ()

      var demo = function () {
        console.log("ok");
      };

      demo();  //使用

(3)var func5 = function (something)

      var func5 = function (something) {
        console.log(something);
      }

      func5("yoyo");  //使用

(4)建立物件 大写、this

      function Student(sname, sage) {  //S O
        this.StudentName = sname; //this S
        this.StudentAge = sage; //this S

        this.cat = function () {  
          console.log("喵");
          console.log(this.StudentName); //物件里面的属性 this
        };
      }

   var s2 = new Student("No2", 90); //new O
      console.log(s2.StudentName); // cat
      s2.cat(); //"喵"
      console.log("\n\n");

4.不要做错误的事情:5000开[]塞东西?? a[0]不会开 一样5000

   function mysetInterval(a, b) {
        a[0] = "apple"; // 5000
        console.log(a);
        console.log(b);
      }

      mysetInterval(5000, 1000); //5000 ,1000

5.function精简:箭头函式

正常

      var b = function () {
        return "bunny";
      };

      var temp = b();
      console.log(temp); // bunny

精简:function拿掉 => 箭头函式

      var b = () => {
        return "bunny-2";
      };

      var temp = b();
      console.log(temp); // bunny-2

更精简 如果「只做return」，{} 和 return 都可以省略

      var b = () => "bunny-3";
      //{} return 拿掉

      var temp = b();
      console.log(temp); // bunny-3

但如果需要多个陈述句子，还是需要加上 () => {}

      var c = () => {
        var x = 5 + 8;  //多的陈述
        return x;
      };

      var temp = c();
      console.log(temp); // 13

6.this的使用

      console.log(this); // window 物件
      console.log(window === this); //true

(1)如果单纯使用this(非制作物件)，会到另一个世界去(window)
此时程序只能用特定方式使用，不适用正常code

      var s1 = {
        html: 100,
        css: 90,
        getTotal: function () {          
        //不能改成=>函式，this 已经是另一个世界(window)不适用正常code        
          return this.html + this.css;   //this 没有this会变成抓变数
        },
      };

      var temp = s1.getTotal();
      console.log(temp); // 190

(2)制作物件(同前function)

      function Student(sname, sage) {  //S O
        this.StudentName = sname; //this S
        this.StudentAge = sage; //this S

        this.cat = function () {  
          console.log("喵");
          console.log(this.StudentName); //物件里面的属性 this
        };
      }

   var s2 = new Student("No2", 90); //new O
      console.log(s2.StudentName); // cat
      s2.cat(); //"喵"
      console.log("\n\n");