JavaScript 函数和对象
1 JavaScript 函数
1.1 声明函数的方式
-
function 关键字
-
匿名函数方式(表达式方式)
-
Function 构造函数方式
1.2 参数问题
- 形参和实参数量问题 (多给的实参 会被忽略,如果少给了实参,有个形参没有对应的实参，该形参默认值 undefined)
- 可选形参(参数默认值)
- 可变长的实参列表:实参对象 aruguments (arugments 只能在函数里面用)
1.3 回调函数
一个函数就可以接收另一个函数作为参数，这种函数就称之为回调函数(高阶函数)
function add(x, y, f) {
return f(x) + f(y);
}
add(-5, 6, Math.abs)
1.4 递归函数
函数内部调用自己就是递归函数，
//用递归 实现阶乘
function multiply(n) {
if (n == 1) {
return 1
}
return n * multiply(n - 1)
}
1.5 自调函数
函数生声明完 直接调用
(function(){
console.log('ok')
})()
1.6 闭包函数
当一个函数返回了一个函数后，把一个局部作用域的 数据 让外层的作用域使用，其内部的局部变量还被新函数引用，形成闭包
function count() {
var arr = [];
for (var i=1; i<=3; i++) {
arr.push((function (n) {
return function () {
return n * n;
}
})(i));
}
return arr;
}
var results = count();
var f1 = results[0];
var f2 = results[1];
var f3 = results[2];
f1(); // 1
f2(); // 4
f3(); // 9
2 JavaScript 作用域
2.1 局部作用域
函数中使用定义的变量就是局部变量，只能在本函数中使用
2.2 全局作用域
在，函数外面，定义的变量是全局变量。哪都可以用，在函数内部可以用，可以修改。
变量提升（在变量声明之前 去使用变量 会得到 undefined ，而不是报错，函数内，如果声明了跟全局变量同名的局部变量，
在声明之前使用改变量，得到undefined( 该变量已经是局部的啦)
）
var a = 100
function demo(){
console.log(a)
var a = 200
}
2.3 作用域链
函数嵌套函数会形成作用域链
当一个作用域 使用某个变量时，先从本作用域中找， 如果没有去父作用域，再没有，父作用域的父作用域，一直到 全局作用域。 构成了一个作用域链
function demo(){
function fn(){
function fn1() {
}
}
}
2.4 块状作用域(ES6)
使用let关键字声明的变量会具有块状作用域
- let关键字也可以声明变量，同var一样
- 但是let关键字声明的变量，会在结构语句中产生 块状作用域
for (let i = 0; i < 10; i ++) {
}
console.log(i) //变量不存在 Uncaught ReferenceError: i is not defined
3 JavaScript 对象
3.1 Object类型
创建
-
直接量
var obj = {name:'xiaolili', age:100, getInfo:function( console.log(this.age) )} -
new 构造函数
var obj = new Object() obj.name = 'xiaolili' obj.age = 100
属性操作
-
读取或修改属性
console.log(obj.name) obj.name = 'lili' console.log(obj['name']) obj['name'] = 'honghong' -
删除属性
delete obj['name'] delete obj.name -
监测属性是否出存在
'name' in obj
3.2 声明类(构造函数)
function User(name, age){
this.name = name
this.age = age
this.getInfo = function(){
console.log(this.name, this.age)
}
}
var u = new User('鲁迅', 45)
- 每个对象都有一个属性
.constructor从而获取其构造函数 - 使用运算符
instanceof可以判断一个对象是否属于某个构造函数
3.3 this
- this表示方法 所属的对象
- 全局函数中的this 指向 window
3.4 原型和原型链
什么是原型
每一个JavaScript对象都和另一个对象相关联,每个对象都有圆形， 并从另一个对象继承属性和方法。,另一个对象就是"原型"，__proto__ 所有对象都有该属性， 该属性指向该对象的原型。
用直接量创建的对象 都具有同一个原型对象 Object.prototype
原型链
对象的原型也有原型,构成了原型链
使用对象中某个属性的时候，先从对象中找，如果没有，从原型上找，原型如果也没有，继续向上找，直到顶层 （顶层的原型对象是一个 类型(类)(构造函数)是Object 的对象）
获取原型
构造函数.prototype
对象.__proto__
给原型添加属性或方法
给原型添加属性和方法，以该对象为原型的对象 都可以使用该方法
检测属性 是自有属性还是继承自原型的属性
obj.hasOwnProperty(proName)
创建对象时指定原型
Object.create(原型对象)