当前位置: 首页 > news >正文

厦门有做网站建设百度联盟怎么加入赚钱

厦门有做网站建设,百度联盟怎么加入赚钱,电影网站空间配置,汕头网站模板价格在 JavaScript 中,bind、call 和 apply 方法都可以用来改变函数的 this 指向。下面我们将分别实现这些方法的简单版本。 1. 实现 bind bind 方法创建一个新的函数,在调用时设置 this 值,并返回这个新的函数。 Function.prototype.myBind …

在 JavaScript 中,bindcallapply 方法都可以用来改变函数的 this 指向。下面我们将分别实现这些方法的简单版本。

1. 实现 bind

bind 方法创建一个新的函数,在调用时设置 this 值,并返回这个新的函数。

Function.prototype.myBind = function (context) {if (typeof this !== 'function') {throw new TypeError('Not a function');}const fn = this;const args = Array.prototype.slice.call(arguments, 1);return function bound() {const boundArgs = Array.prototype.slice.call(arguments);return fn.apply(context, args.concat(boundArgs));};
};

2. 实现 call

call 方法立即调用函数,并设置 this 值,同时传递参数列表。

Function.prototype.myCall = function (context) {if (typeof this !== 'function') {throw new TypeError('Not a function');}context = context || window;const args = Array.prototype.slice.call(arguments, 1);context.fn = this;const result = context.fn(...args);delete context.fn;return result;
};

3. 实现 apply

apply 方法与 call 类似,但传递的参数是一个数组。

Function.prototype.myApply = function (context, args) {if (typeof this !== 'function') {throw new TypeError('Not a function');}context = context || window;args = args || [];context.fn = this;const result = context.fn(...args);delete context.fn;return result;
};

示例代码

下面是一个完整的示例,展示了如何使用这些自定义的方法:

<!DOCTYPE html>
<html lang="zh-CN">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>自定义 bind, call, apply</title>
</head>
<body><script type="text/javascript">Function.prototype.myBind = function (context) {if (typeof this !== 'function') {throw new TypeError('Not a function');}const fn = this;const args = Array.prototype.slice.call(arguments, 1);return function bound() {const boundArgs = Array.prototype.slice.call(arguments);return fn.apply(context, args.concat(boundArgs));};};Function.prototype.myCall = function (context) {if (typeof this !== 'function') {throw new TypeError('Not a function');}context = context || window;const args = Array.prototype.slice.call(arguments, 1);context.fn = this;const result = context.fn(...args);delete context.fn;return result;};Function.prototype.myApply = function (context, args) {if (typeof this !== 'function') {throw new TypeError('Not a function');}context = context || window;args = args || [];context.fn = this;const result = context.fn(...args);delete context.fn;return result;};// 测试对象const obj = {name: '牛客网'};// 测试函数function greet(message) {console.log(`${message}, ${this.name}`);}// 使用 myBindconst greetBound = greet.myBind(obj, '欢迎来到');greetBound(); // 输出: 欢迎来到, 牛客网// 使用 myCallgreet.myCall(obj, '欢迎来到'); // 输出: 欢迎来到, 牛客网// 使用 myApplygreet.myApply(obj, ['欢迎来到']); // 输出: 欢迎来到, 牛客网</script>
</body>
</html>

详细步骤

  1. 实现 myBind

    • 检查调用者是否为函数。
    • 获取上下文 context 和传入的参数 args
    • 返回一个新的函数 bound,在调用时使用 apply 方法设置 this 值并传递参数。
  2. 实现 myCall

    • 检查调用者是否为函数。
    • 获取上下文 context 和传入的参数 args
    • 将函数赋值给 context 的一个临时属性 fn,调用该属性并传递参数,然后删除该属性。
  3. 实现 myApply

    • 检查调用者是否为函数。
    • 获取上下文 context 和传入的参数数组 args
    • 将函数赋值给 context 的一个临时属性 fn,调用该属性并传递参数,然后删除该属性。

测试

  1. 使用 myBind

    • 创建一个绑定了 obj 上下文的新函数 greetBound,并调用它。
  2. 使用 myCall

    • 直接调用 greet 函数,并设置 objthis 值。
  3. 使用 myApply

    • 直接调用 greet 函数,并设置 objthis 值,参数以数组形式传递。
http://www.tj-hxxt.cn/news/56468.html

相关文章:

  • 做网站这么便宜可以吗北京seo费用是多少
  • 做网站后端需要学什么个人永久免费自助建站
  • php网站代做是什么意思内容营销案例
  • 南京500元做网站新疆头条今日头条新闻
  • 企业建站怎么选择企业内训
  • 外贸网站建设推广方案互联网推广怎么做
  • 学院网站改造方案长春网站公司哪家好
  • 初学者自己做网站模板网站建站哪家好
  • 给个网站做填空题黄金网站软件app大全下载
  • 郑州企业建站免费咨询网站流量统计查询
  • 汽车之家网页版跳极速版百度seo推广
  • 芜湖小学网站建设百度手机网页版
  • 七色板网站建设如何建立自己的博客网站
  • 专门做面条菜谱的网站短视频培训机构
  • 烟台开发区建设局网站免费推广网站注册入口
  • 国外网站dns改成什么快网页版
  • 网站优化 前端怎么做成人技术培训学校
  • 国内知名景观设计公司贵州seo培训
  • 做网站建设小程序西安百度推广开户运营
  • 长寿网站建设国际新闻头条最新消息
  • 做动漫头像的网站太原网络营销公司
  • 网站响应样式苏州关键词优化怎样
  • 在那个网站做服装批发软文广告营销
  • 装修公司做网站推广能接到活吗sem扫描电子显微镜
  • 武汉企业网站推广收费自动推广软件免费
  • 做网站的5要素大数据营销是什么
  • 做一个网站多久促销活动推广方法有哪些
  • 动画专业大学网络seo推广
  • 东莞网站新站排名网站推广怎么优化
  • 网站的建设及推广网站的优化和推广方案