javascript - function 声明类的时候 里面的字段 加this 与不加this的区别

Question

function Person(){ this.name = "cap"; sex = true; }; 
var p = new Person();
console.log(p.name);     // cap
console.log(p.sex);        //undefined

this.name 与 没有this的sex有什么区别呢？

Answer 1

1. 此时的this指向构造函数Person创建的当前实例

2. this.name = 'cap'是为对象添加属性的方法

3. sex = true是一个变量的赋值，由于这个变量未声明，所以会直接成为window对象的属性，所以构造函数的实例不会继承到这个属性，即如三楼所示。
   最后，这个方法称为构造函数法创建对象，不叫声明类。JavaScript中没有类，只有通过更复杂的方法才能模拟出类，但是显然这个方法跟你现在的方法还有很大差别。

Answer 2

加就这个对象的属性，不加就不是

Answer 3

这样就是在给对象添加属性。而方法一般是在Person.prototype上面添加。

Answer 4

function Person(){
    sex = true;
    this.name = "cap";
}    
var person = new Person();
console.info(person); // Person { name="wer"}
console.info(person.name); // cap
console.info(person.sex); // undefined
console.info(Person.sex); // undefined
console.info(window.sex); // true
console.info(sex); // true

从第一个打印可以看出person这个实例根本就没有sex属性所以第三个output undefined。name从属与Person的实例所以第二个ouput cap, 在函数内部没有加var的变量是全局变量，全局变量从属与window，所以第四个打印的依然是undefined,。

Answer 5

一个程序，就是一个世界。

在JavaScript中，this就是自己的意思。

加了this，就是把属性绑定到了自己身上。
不加this，就是把属性抛弃了，扔到了茫茫宇宙(global)中。

Answer 6

有this就是Person的专有属性

Answer 7

可以先了解下作用域链和原型链

能打 . 去访问的属性都是走的原型链，不能的走的作用域链