目录
-
this
-
解析器在调用函数每次都会在函数内部传递一个隐含的参数,这个隐含的参数是this
-
this指向的是一个对象,这个对象我们称为函数执行的上下文对象,根据函数调用的方式不同,this指向的对象不同
-
调用方式:
-
以函数的形式调用时,this永远都是widow
-
以方法的形式调用时,this就是调用这个方法的对象
-
以构造函数的形式调用时,this就是新创建的对象
-
-
<script>
// 创建一个name变量
var name = "全局"
// 创建一个fun函数
function fun(){
console.log(this.name)
}
// 创建两个对象
var obj = {
name : "孙悟空",
sayName : fun,
}
var obj2 = {
name : "沙和尚",
sayName : fun,
}
// 希望调用obj.sayName()可以输出obj的名字
obj.sayName()//孙悟空
// 希望调用obj2.sayName()可以输出obj2的名字
obj2.sayName()//沙和尚
</script>
-
构造函数
-
构造函数是一个普通函数,创建方式和创建普通函数一样,但是习惯性上构造函数的函数名首字母大写
-
构造函数的调用:
-
普通函数是直接调用,而构造函数需要使用new关键字调用
-
-
构造函数执行流程
-
立刻创建一个新的对象
-
将新建的对象设置为函数中的this(构造函数中可以使用this来调用新建的对象)
-
逐行执行函数中的代码
-
将新建的对象作为返回值返回(没有return语句也会返回)
-
-
使用同一个构造函数的对象,我们称为是一类对象,也将一个构造函数称为一个类
-
instanceof:使用instanceof可以检查一个实例是否是一个类的实例
-
语法:对象 instanceof 构造函数
// 创建一个构造函数
function Person(name, age, gender){
this.name = name;
this.age = age;
this.gender = gender;
this.sayName = function(){
console.log('方法: ' + this.name + ',' + this.age + ',' + this.gender )
}
}
var per = new Person('孙悟空', 18, '男');
per.sayName()
-
原型
-
我们所创建的每一个函数,解析器都会向函数中添加一个prototype属性。这个属性对应着一个对象,这个对象就是我们所谓的原型对象
-
以普通方式调用函数时,prototype没有任何作用。但是当以构造函数的方式调用时,所创建的对象中都含有一个隐含的属性,该属性指向构造函数的原型对象,我们可以通过__proto__来访问该属性
-
原型对象相当于这个类的公共区域,所以同一个类的实例都可以访问到这个原型对象。我们可以将对象中共有的内容统一设置到原型对象中。
-
原型对象也是对象,也有原型
-
寻找属性的流程:
-
当我们访问对象的一个属性或方法时,它会先在对象自身中寻找,
-
如果有则直接使用
-
如果没有,则去原型中寻找,如果找到则直接使用
-
如果没有,则去原型的原型中找,直到Object对象的原型(Object对象的原型没有原型),Object对象的原型中依然没有,则返回undefined
-
-
function Person(name, age,gender){
this.name = name
this.age = age
this.gender = gender
// 向原型中添加方法
Person.prototype.sayName = function(){
console.log('大家好,我是' + this.name)
}
}
// 创建一个实例
var per = new Person('孙悟空', 18, '男')
-
in语句
-
使用in可以检查对象中是否含有某个属性
-
对象中有,或者原型中有,都会返回true
-
// 语法
'属性名' in 对象名
-
hasOwnProperty()方法
-
使用hasOwnProperty()方法来检查对象中是否含有该属性
-
对象中含有才会返回true
-
// 语法
对象名.hasOwnProperty('属性名')
-
toString
-
当我们在页面直接打印一个对象时,事实上是打印对象的toString方法的返回值
-
我们可以为对象添加一个toString()方法来修改打印对象时的打印情况
-
写在原型中
-
-
垃圾回收
-
当一个对象没有任何的变量或属性对它进行引用,此时我们将永远无法对该对象进行操作,该对象便成为垃圾
-
JS有自动垃圾回收机制
-