第二章JavaScript 函数和对象

坚强是说给别人听的谎言 提交于 2020-04-07 06:42:10

1 JavaScript 函数

1.1 声明函数的方式

  • function 关键字

  • 匿名函数方式(表达式方式)

  • Function 构造函数方式

1.2 参数问题

  • 形参和实参数量问题
  • 可选形参(参数默认值)
  • 可变长的实参列表:实参对象 aruguments

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 全局作用域

在,函数外面,定义的变量是全局变量。哪都可以用

变量提升

var a = 100
function demo(){
    console.log(a)
    var a = 200
}

2.3 作用域链

函数嵌套函数会形成作用域链

function demo(){
    function fn(){
        function fn1() {

        }
    }
}

2.4 块状作用域(ES6)

使用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对象都和另一个对象相关联, 并从另一个对象继承属性,另一个对象就是"原型"
用直接量创建的对象 都具有同一个原型对象 Object.prototype

原型链

对象的原型也有原型,构成了原型链

获取原型

构造函数.prototype    
对象.__proto__

给原型添加属性或方法

给原型添加属性和方法,以该对象为原型的对象 都可以使用该方法

检测属性 是自有属性还是继承自原型的属性

obj.hasOwnProperty(proName)

创建对象时指定原型

Object.create(原型对象)

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!