JS 手写call

//ctx :三種情況，null/undefined ，基本類型，普通對象
Function.prototype.myCall = function (ctx, ...args) {
  //ctx :this綁頂的對象，可以是null，undefined,{} ,原始類型的數據(轉換為對應的包裝類型)
  //參數歸一化，將不同類型的參數轉換為一種形式
  //globalThis 不一樣的環境，轉換為對應的全局this,node環境為global,瀏覽器環境為window
  //Object(value) 將參數轉化為對象，基本類型轉換為對應的包裝類型，對象則返回對象本身
  ctx = ctx === null || ctx === undefined ? globalThis : Object(ctx);
  const key = Symbol(); //保證唯一性
  //ctx[key] = this; //this就是調用myCall的方法
  Object.defineProperty(ctx, key, {
    value: this,
    enumerable: false, //不可枚舉，返回的this中key不可見
  });
  const r = ctx[key](...args); //直接使用ctx來調用函數，不借住apply,bind
  delete ctx[key]; //運行之後就不需要了
  return r;
};

let bob = {
  name: "aa",
  age: 18,
};
function fn() {
  console.log("this:", this);
}
fn.myCall(bob, 1, 2);

Function.prototype.myBind = function (ctx, ...args) {
  const fn = this;
  return function (...newArgs) {
    if (new.target) {
      return new fn(...args, ...newArgs);
    }
    return fn.apply(ctx, [...args, ...newArgs]);
  };
};