TypeOf关键字
- typeof操作符返回一个字符串，返回的是操作数的类型
- typeof 基本类型 返回的是字符串
- typeof 对象 返回的是object
- typeof 函数 返回的是function
- typeof null 返回的是object
逻辑中断
- &&：从左到右的顺序进行判断，如果发现某个操作数的逻辑判断是false，那么就不用继续判断了
- ||：从左到右的顺序进行判断，如果发现某个操作数的逻辑是true，那么就不用继续判断
function fn (n1, n2) {
n1 = n1 || 0
n2 = n2 && 0
console.log(n1 + n2)
}
值类型与引用类型
- 值类型：简单类型，变量在存储的时候，存储的是值本身
- 引用类型：复杂类型，变量在存储的时候，存储的是对象的地址
- 值类型与引用类型的赋值特征
- 值类型赋值的时候，把值进行赋值
- 引用类型赋值的时候，赋值的是地址
对象，原型，原型链
创建对象的方式
1.内置构造函数创建
- 通过new Object()创建
- 缺点：麻烦，每个属性都需要添加
//在js中，对象有动态特性，可以随时的给一个对象增加属性或者删除属性。
var person = new Object()
person.name = 'Jack'
person.age = 18
person.sayName = function () {
console.log(this.name)
}
- 对象字面量创建
- 缺点：如果要批量生成多个对象，就会很麻烦
var person = {
name: 'Jack',
age: 18,
sayName: function () {
console.log(this.name)
}
}
- 工厂函数改进
- 缺点：创建的对象都是Object类型的
function createPerson (name, age) {
return {
name: name,
age: age,
sayName: function () {
console.log(this.name)
}
}
}
var p1 = createPerson('Jack', 18)
var p2 = createPerson('Mike', 18)
- 继续改进：构造函数
- 构造函数是一个函数，用于实例化对象，需要配合new操作符使用
- 这种方式调用构造函数会经历以下4个步骤
- 创建一个新对象
- 将构造函数的作用域赋给新对象（this指向新对象）
- 指向构造函数中的代码
- 返回新对象
- 构造函数要配合new操作符才有意义，构造函数首字母要大写
function Person (name, age) {
this.name = name
this.age = age
this.sayName = function () {
console.log(this.name)
}
}
var p1 = new Person('Jack', 18)
p1.sayName() // => Jack
var p2 = new Person('Mike', 23)
p2.sayName() // => Mike
构造函数的缺点
- 使用构造函数带来的最大好处是创建对象方便，但是其本身存在一个浪费内存的问题
function Person (name, age) {
this.name = name
this.age = age
this.type = 'human'
this.sayHello = function () {
console.log('hello ' + this.name)
}
}
var p1 = new Person('lpz', 18)
var p2 = new Person('Jack', 16)
//p1与p2不能使用同一个方法，这样我们就需要写多个一样的方法
console.log(p1.sayHello === p2.sayHello) // => false
- 解决方案
- 将方法单独提取出来
- 缺点：会暴露很多函数，容易造成全局变量污染
function sayHello() {
console.log('hello ' + this.name)
}
function Person (name, age) {
this.name = name
this.age = age
this.type = 'human'
this.sayHello = sayHello
}
var p1 = new Person('lpz', 18)
var p2 = new Person('Jack', 16)
console.log(p1.sayHello === p2.sayHello) // => true
原型
- JavaScript规定，每一个函数都有一个prototype属性，指向另一个对象。这个对象的所有属性和方法，都会被构造函数的实例继承（我们可以把共享的属性和方法直接定义在prototpye对象上）
function Person (name, age) {
this.name = name
this.age = age
}
console.log(Person.prototype)
Person.prototype.type = 'human'
Person.prototype.sayName = function () {
console.log(this.name)
}
var p1 = new Person(...)
var p2 = new Person(...)
console.log(p1.sayName === p2.sayName) // => true
构造函数，实例，原型三者关系
- 构造函数：构造函数就是一个函数，配合new可以创建新对象
- 实例：通过构造函数实例化出来的对象我们把它叫做构造函数的实例。一个构造函数可以有多个实例
-
原型：每一个构造函数都有一个属性prototype，函数的prototype属性值就是原型。通过构造函数创建出来的实例能够直接使用原型上的属性和方法
image.png -
proto
- 任何一个对象都会有proto属性，这个属性指向了构造函数的prototype属性，也就是原型对象
- 获取原型对象
- 通过构造函数.prototype可以获取
- 通过实例.proto可以获取（隐式原型）
- 注意：proto是浏览器的一个隐式（私有）属性。IE浏览器不支持，不要通过它来修改原型的内容，使用构造函数.prototype去修改
constructor属性
- 默认情况下，原型对象只包含一个属性：constructor
-
constructor属性指向了当前的构造函数
image.png
原型链
- 任何一个对象，都有原型对象，原型对象本身又是一个对象，所以原型对象也有自己的原型对象，这样一环扣一环就形成了一个链式结构，我们把这个链式结构称为：原型链
-
总结：Object.prototype是原型链的尽头，Object.prototype的原型就是null
image.png
属性查找原则
- 会先在自身上查找，如果没有
- 则根据proto对应的原型去找，如果没有
- 一直找到Object.prototype，如果没有，那就找不到
属性设置原则
- 只会修改对象自身的属性，如果没有就添加这个属性，不会修改原型中的属性
