js基础 - 函数中this及语句中分号

1、函数中的this

• this是什么？
  任何函数本质上都是通过某个对象来调用，如果没有 直接指定 就是window
  所有函数内部都有一个变量this
  this的值是调用函数的当前对象
• 如何确定this的值?
  test(): window
  p.test(): p
  new test(): 新创建对象
  p.call(obj): obj

function Persion(color) = {
   console.log(this) // 1号打印
   this.color = color
   this.setcolor=function(name){
      console.log(this) // 2号打印
      this.color = color 
   },
   thia.getcolor=function(){
     console.log(this) // 3号打印
     return this.color
   }
}
Persion('red') //this===> window
var p  = new Persion('yello') //this===> p 
p.getcolor() //this===> p 

var obj = {}
//意思是p中的setcolor这个函数作为obj的临时方法被调用，是obj调用的
p.setcolor.call(obj,'black') //this===> obj

var test = p.setcolor
test() //this===> window，将p.setcolor赋值给test，由window直接调用的

function fun1(){
  function fun2(){
  console.log(this) //this===> window
  }
  fun2()
}
fun1()

2、语句中分号问题

• js一条语句的后面可以不加分号
  实现特定功能的n条语句的封装体
  只有函数是可以执行的，其他类型的数据不能执行
• 是否加分号是编码风格问题，没有应该不应该，只有自己喜不喜欢?
  提供代码复用；便于阅读交流
• 定下面2种情况下不加分号会有问题。解决办法：在行首加分号
  1、小括号开头的前一条 语句 (注:函数定义不是语句)

 var a = 3      //遵循加分号的原则：       ;vara=3;
;(function(){})()    //匿名函数自调用      //遵循加分号的原则：;(function(){ });
/*
错误理解了
如果不加分号，则会理解为 var a =3(function(){})()
3不是函数，会报错----3 is not  a function
*/

var test =  function(){}// 变量赋值，是语句，需要加  //遵循加分号的原则：var test =  function(){};
// function(){} 函数定义,不是语句，不需要加

2、中括号开头的前一条 语句

 var b = 4
;[1,3].forEach(function(){})
/*
错误理解了
如果不加分号，则会理解为 var b =4[1,3].forEach(function(){})
相当于var b =4[3].forEach(function(){})=====》4[3]是不存在的，为undefined，调用forEach函数报错
*/