ES5 之 Function扩展

最新推荐文章于 2022-09-28 01:33:01 发布
最新推荐文章于 2022-09-28 01:33:01 发布
阅读量423 收藏
点赞数
分类专栏： JavaScript 文章标签： es5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/z_x_Qiang/article/details/85728241
版权 
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Function扩展</title>
</head>
<body>
<!--
1. Function.prototype.bind(obj) :
  * 作用: 将函数内的this绑定为obj, 并将函数返回
2. 面试题: 区别bind()与call()和apply()?
  * 都能指定函数中的this
  * call()/apply()是立即调用函数
  * bind()是将函数返回
-->
<script type="text/javascript">
    function fun(age) {
        this.name = 'kobe';
        this.age = age;
        console.log('dddddddddddddd');
    }
    var obj = {};
    fun.bind(obj, 12)();
    console.log(obj.name, obj.age);


</script>
</body>
</html>

 

启之灵
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
ES5 function 扩展：call()、apply()、bind()详解
weixin_44486539的博客
07-17 437
Function.prototype.call() Function.prototype.call(thisArg[, arg1[, arg2[, ...]]]) 提供新的 this 值给当前调用的函数或方法。 thisArg 在 fun 函数运行时指定的 this 值*。*需要注意的是，指定的 this 值并不一定是该函数执行时真正的 this 值，如果这个函数在非严格模式下运行，则指定...
ES5_05_Function扩展
weixin_30426879的博客
07-05 113
Function 构造器的语法： 注意： 参数 arg1 , arg2 , argN被函数使用的参数的名称必须是合法命名的。参数名称是一个有效的JavaScript标识符的字符串，或者一个用逗号分隔的有效字符串的列表 #属性和方法： 全局的Function对象没有自己的属性和方法, 但是, 因为它本身也是函数，所以它也会通过原型链从Function.prototype上继承...
ES5扩展的两个方法
zh__quan的博客
07-10 183
目录 1. Object.create(prototype, [descriptors]) 2. Object.defineProperties(object, descriptors) 1. Object.create(prototype, [descriptors]) 作用: 以指定对象为原型创建新的对象 为新的对象指定新的属性, 并对属性进行描述 value: 指定值 - wr...
JS 高级（五）ES5新增函数
热门推荐
商务合作 | 共同学习 | 携手共进
09-13 1万+
JavaScript：ES5（数组中新增函数，判断函数every、some，遍历函数forEach、map、Filter、数组汇总reduce）
在Function对象上扩展method方法
05-26 108
;(function() { /** * 在Function对象上扩展method方法 * @param {String} name 扩展的方法名称 * @param {Function} callback 方法的定义 * @return {Function} return this 提供链式调用 ...
ES6转ES5实例工程
01-08
7. **剩余参数**与**扩展运算符**：`...rest`用于收集剩余参数，`...array`用于扩展数组，这两个在ES5中需要使用数组的`slice()`方法或`apply()`函数来模拟。 8. **Promise**：ES6的异步编程解决方案，需要转换为回...
es6数组之扩展运算符操作实例分析
11-21
5. 处理函数参数：扩展运算符可以方便地处理不定数量的参数，例如`function foo(...args) { console.log(args); } foo(1, 2, 3)`。 6. 和Map、Set结合：扩展运算符也可以用于复制或合并Map和Set，如`const map1 = ...
es5-shim.js
08-31
9. **函数绑定**：`Function.prototype.bind` 允许你创建一个新的函数，该函数将始终在给定的上下文中调用。`es5-shim.js`包含这个方法的polyfill。 10. **其他改进**：还包括`Array.prototype.indexOf` 和 `Array....
继承行为在 ES5 与 ES6 中的区别详解
11-29
JavaScript中的继承是面向对象编程的重要概念，用于复用和扩展已有类的功能。在ES5和ES6中，继承实现的方式有所不同，导致了在使用时的行为差异。本文将深入探讨这两种方式的区别。 首先，让我们回顾一下ES5的继承...
JavaScript ES5标准中新增的Array方法
10-22
JavaScript ES5标准对Array对象进行了扩展，引入了一系列新的方法，极大地丰富了我们处理数组的方式，使得数组操作更加高效和简洁。以下将详细讲解这些新增的方法。 1. `forEach()`：这个方法遍历数组的每个元素，...
ES5实现new功能
m0_56204836的博客
03-17 335
function myNew(){ var constructor = Array.prototype.shift.call(arguments), //获取第一个参数 result = null, //存结果 newObj = null, //存放新对象 flag = false; //判断返回值是不是对象或函数flag if(!constructor || typeof constructor !== 'function'){//判断参数.
ES5中function与ES6的class
weixin_43074337的博客
08-25 339
ES6中的类只是语法糖，它并没有改变类实现的本质。举个例子，在ES5中定义一个类： function Person(name) { this.name = name; } Person.prototype.sayHello = function(){ return 'Hi, I am ' + this.name; } 而用ES6的写法重写一下，检测类型发现Person本...
JSES5扩展数组的方法及字符串的操作方法
demin3278的博客
02-12 163
一、ES5扩展方法 　　1.严格模式"use strict" 　　　　1）必须加在作用域的开头 　　2.数组扩展方法 　　　　1）indexOf（元素，从哪个下标开始查找） 　　　　　　作用：在数组中查找指定的元素第一次出现的下标位置，如果没有找到，返回-1 　　　　　　扩展：lastIndexOf（元素，从哪个下标开始向前查找） 　　　　　　作用：在数组中从后向前查找指定...
基于ES5的var-function、break和continue
qq_44681872的博客
12-14 242
一.var var声明具有变量提升的机制，其意思就是在解析代码时，会先读取当前作用域中的所有var。例： console.log(x) //此处打印undefined，var会使得变量提前被解析，但也只是解析var x而已，知道有这个变量x，但不知道是否被赋值，赋值是多少。 var x = 10 ...
ES5新增函数之二: Function.prototype.bind();
LiuHe
04-02 4001
在上一篇文章里我们分析了ES5对几个常用类新增的函数，今天就重点来讲解一下Function中的bind函数。 简单来说，bind函数用于将当前函数和指定对象绑定，返回一个新的函数，当新函数被调用时，代码会在指定对象的上下文中执行。 这就涉及到JavaScript程序执行上下文Context的知识了，在JavaScript中函数内部如果存在与Context有关的代码，如果我们在调用之前改变其Context，那么执行结果就不同，这一点我们可以用一个最基本的例子来说明：
JS ES5 函数菜鸟教程（不看后悔系列）
m0_58620483的博客
08-15 1602
函数允许我们封装一系列代码来完成特定任务。当想要完成某一任务时，只需要调用相应的代码即可。方法（method）一般为定义在对象中的函数。JavaScript 使用关键字定义函数。函数可以通过声明定义，也可以是一个表达式。函数的作用：功能的封装，直接调用，代码复用率提高构建对象的模板（构造函数）函数实际上是对象，每个函数都是Function类型的实例，并且都与其他引用类型一样具有属性和方法，由于函数是对象，因此函数名实际上也是一个指向函数对象的指针，不会与某个函数绑定。...
ES5新增方法、函数调用、this、严格模式、高阶函数（11th）
最新发布
山雀的博客
09-28 1989
ES5新增方法，函数调用，this，严格模式，高阶函数
ES5函数
CJXBShowZhouyujuan的博客
01-07 598
函数声明 function 声明 function name (s) {} name(s) 函数表达式 var name = function (s) {}; name(s) 构造函数 function myFun (arg1,arg2) { this.a = arg1 this.b = arg2 } var f = new myFun('aa', 'bb') f(...
ES5 js中的new操作符
jeason_chan_zju的博客
08-07 432
js中的任何function都可以new，看上去每个方法都像java或者c++中的构造函数。不过，java和c++对构造函数进行new操作得到的是，和构造函数同名的类的实例（但是，构造函数并显式的返回值和void。） 那么js的中对任意一个function进行new操作是做的什么事情？ var Func=function(){}; var func=new Func ();//对这一步进行步骤分析...
JavaScript ES5的严格模式与Object扩展
摘要信息: 本文档主要介绍了JavaScript的ES5版本，特别是其中的严格模式（strict mode）以及Object对象的扩展方法。 在ES5中，严格模式是一个重要的特性，它为JavaScript提供了一种更严格、更安全的运行环境。严格...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值