javascript---函数与对象(补充)

(一)arguments

arguments.length显示实参数目。

(二)call()

1. 借用另一个对象的方法而不用拷贝

    var name = "刘宪华";

    function star(name, age) {
        this.name = name,
        this.age = age
    }

    var obj = {
        name: "张艺兴",
        age: 26,
        sayName: function() {
            console.log(this.name);
        }
    }
    obj.sayName();//张艺兴
    var o = new star("许魏洲", 24);
    obj.sayName.call(o);//许魏洲
    obj.sayName.call(window);//刘宪华

2. 将伪数组(NodeList)改成真数组

伪数组是含有length属性的json对象。就是NodeList对象。
NodeList对象的独特之处在于,它实际上是基于DOM结构动态执行查询的结果,因此,DOM结构的变化能够自动反应在NodeList对象中,NodeList是动态的,而不是第一次访问时的固定状态。

var arr = {0: "苹果", 1: "香蕉", length: 2};
var trueArr = ["苹果", "香蕉"];

伪数组:
arguments
childNodes
document.getElementsByTagName
document.getElementsByClassName

//NodeList对象转数组
var arrayOfNodes = Array.prototype.slice.call(nodelist, 0);

jQuery的框架其实就是伪数组实现的。

(三)apply()

与call功能一样,参数不一样。
call传参是平铺的,apply是通过伪数组aruments 或者 数组传参的。

var max = Math.max(5,2,3,4);

//Math.max  Math.min  都接受离散参数,不能接收数组,如何接收数组?
var arr = [5,2,3,4];
var max = Math.max.apply(Math, arr);

因为apply和call作用相同,而call接收参数是离散的。

(四)new的本质

构造函数new一个实例:
1. 创建一个空对象var p = {}
2. 拷贝构造函数中的方法属性到空对象中
3. 自动生成一个__proto__指向原型p.__proto__ = XXXX.prototype;

(五) __proto__ 属性

1. 内置对象

console.log(Function.prototype.__proto__ === Object.prototype);   //true
console.log(Function.prototype === Object.__proto__);  //true
console.log(Object.prototype.__proto__);  //null

内置对象的__proto__属性都是指向Function.prototype的。
实例的__proto__属性都是指向构造的prototype。
这里写图片描述

2. 自定义对象

console.log(Product.prototype.__proto__)   //对象
console.log(Product.prototype.__proto__ === Object.prototype) //true
console.log(Product.prototype.__proto__ === Object)  //false

这里写图片描述

(六)对象属性搜索机制

首先在构造对象中寻找属性,没找到找__proto__属性指向的对象,继续寻找属性(方法),如此无线循环,直到__proto__为null。即Object.prototype对象的__proto__属性,是所有链式属性搜索的终点。

猜你喜欢

转载自blog.csdn.net/weixin_39265000/article/details/79432946