JavaScript易错题（堆栈处理、call函数、原型链题目）

YF-SOD

于 2023-01-17 20:45:31 发布

阅读量226

点赞数

分类专栏： JavaScript 文章标签： javaScript易错题 js原型链题目 js中call函数题目 js中堆栈处理题目

本文链接：https://blog.csdn.net/aiwwy/article/details/128383555

版权

JavaScript 专栏收录该内容

26 篇文章 1 订阅

订阅专栏

堆栈处理题目

var obj1 = { x: 100 };
var obj2 = obj1;
obj1.y = obj1 = { x: 200 };
console.log(obj1.y) // undefined
console.log(obj2) // {x: 100, y:{x: 200}}

注意obj1.y=obj1 =xxx首先执行的是obj1.y，所以赋值y属性时obj1.y是obj1和obj2的引用，然后先执行的obj1={x:200}，此时obj1的引用指向了另外一个对象，而代码中的obj1.y的引用不会变（即现在为obj2的引用），所以y属性添加到obj2中。

call函数原理题目

function fn1(){
    console.log(1)
}
function fn2(){
    console.log(2)
}
fn1.call(fn2) // 1
fn1.call.call(fn2) // 2

下面是call原理，fn1.call.call(fn2)相当于(fn1.call).call(fn2)，故context为fn2，this为call函数（a.b.c()中c函数中的this是b不是a），故result为fn2.call()

Function.prototype.mycall = function (context, ...args) {
    // context ---> fn2
    context = context || window
    //this ---> mycall
    context.fn = this
    // result ---> fn2.mycall(...args)
    const result = context.fn(...args)
    delete context.fn
    return result
}

原型链题目


var F = function(){};
Object.prototype.a = function(){
    console.log('123');
};
Function.prototype.b = function(){
    console.log('456');
}
var f = new F();
F.a();
F.b();
f.a();
f.b();

F.__proto__=Function.prototype

F.__proto__.__proto__=Function.prototype.__proto__=Object.prototype

f.__proto__=F.prototype

f.__proto__.__proto__=F,.prototype.__proto__=Object.prototype

故只有f.b为undefined，f.b()运行会报错。