JavaScript - Function核心对象的行为

在JavaScript中，Function核心对象的行为是指以Function()构造器或函数字面量形式创建函数对象时的行为。

当使用Function()构造器创建一个函数对象时，会在创建对象的同时执行构造器内部的代码。在构造器内部，首先会检查传入的参数，如果参数为数组或对象，则将其转换为函数并执行。如果参数不是数组或对象，则会抛出一个TypeError异常。

在函数对象被创建后，可以通过其调用方法来执行函数。在函数被调用时，其内部定义的变量和参数都会被传递，并且函数可以访问其外部作用域中的变量。在函数执行完毕后，其内部的变量和参数都会被销毁，并且函数本身也会被从内存中清除。

在JavaScript中，Function核心对象的行为是构建和操作函数对象的基础，也是理解JavaScript函数式编程思想的关键。

相关·内容

详解JavaScript的Function对象

一、Function 对象 Function 对象是全局对象，可以动态创建函数，实际上每个函数都是一个 Function 对象。...1、函数是Function类型对象 // 下面代码可以判断，函数是Function类型对象 (function(){}).constructor === Function // true 2、创建函数...由 Function 创建的函数不会创建当前环境的闭包，因此只能访问全局变量和自己的局部变量，不能访问 Function 创建函数时所在作用域的变量。...var x = 10; function createFunction1() { var x = 20; return new Function('return x;'); // 这里的...三、参考文档详解JavaScript的Function对象

5980 0

Javascript Function 对象属性和方法

对象都有一个只读的 prototype 属性。 ...可将属性和方法添加到原型中，但不能为对象分配其他原型。但是，可以向用户定义的对象分配新的原型。...: 4// arguments: 5 call() call([thisObj[, arg1[, arg2[, [, argN]]]]]) 调用一个对象的方法，用另一个对象替换当前对象。...arguments: 5 bind() function.bind(thisArg[,arg1[,arg2[,argN]]]) 返回值与 function 函数相同的新函数， thisArg 对象和初始参数除外...在绑定功能中，this 对象解析为传入的对象。该绑定函数具有指定的初始参数。

8254 0

一、前端基础-JavaScript-ECMA下的function对象

JavaScript的对象分类 <!...-- JavaScript对象分类 1、ECMAScript：ECMA规范对象模型 2、Dom：html文档树对象模型 3、Bom:浏览器对象模型 --> ECMA下的function对象 <!...-- 创建函数对象 1、声明函数function，函数本身也是对象 --> // function 创建方式 function func1 () {...-- 函数对象的方法和属性 1、length:参数的个数 2、函数内部变量 3、函数的参数 --> //函数的方法，length(参数的个数)，void

2152 0

JavaScript中的函数重载（Function overloading）

说明 JavaScript 中没有真正意义上的函数重载。函数重载函数名相同，函数的参数列表不同(包括参数个数和参数类型)，根据参数的不同去执行不同的操作。...(1); //两个参数 overload(1,2); //两个参数在JavaScript中，同一个作用域，出现两个名字一样的函数，后面的会覆盖前面的，所以 JavaScript 没有真正意义的重载...但是有各种办法，能在 JavaScript 中模拟实现重载的效果。...先看第一种办法，通过 arguments 对象来实现 arguments 对象，是函数内部的一个类数组对象，它里面保存着调用函数时，传递给函数的所有参数。...总结虽然 JavaScript 并没有真正意义上的重载，但是重载的效果在JavaScript中却非常常见，比如数组的 splice( )方法，一个参数可以删除，两个参数可以删除一部分，三个参数可以删除完了

1.4K1 0

【Javascript】—— 1 方法function的高级特性

本篇仅仅对于function作简单的讲解，在javascript中function不仅仅是方法，它其实是一个变量，因此拥有自己的属性，并且可以当做参数传递给其他的方法。　　...-- 普通的function --> function testFunc1(name,age){ console.log("name"+name+..." age"+age); } testFunc1("xingoo",26); 　　但是我们在javascript中也可以通过var声明变量的方式来创建，但是需要使用...Function方法，前几个参数是我们创建的方法的参数，最后一个是它的方法体。 var testFunc2 = new Function("name","age","console.log('name'

5006 0

前端的核心JavaScript

JavaScript（通常缩写为JS）是一种高级的、解释型的编程语言。JavaScript是一门基于原型、函数先行的语言，是一门多范式的语言，它支持面向对象编程，命令式编程，以及函数式编程。...一个简单的JavaScript程序: window.onload = function () { alert("老陈笔记"); } # 语法基础 1、变量与常量在...对象类型：对象(Object)、数组(Array)、函数(Function)，还有两个特殊的对象：正则（RegExp）和日期（Date）。... JavaScript中，常用的内置对象有3种；分别是字符串对象：String、日期对象：Date和数值对象：Math。...在JavaScript中，调用事件的方式有两种: 1、在script标签中调用语法： DOM对象.事件名 = function() { …… }; 2、在元素中调用例子： <input

1.4K3 0

关注对象的自我赋值行为

秘籍酷 · 微店 IT编程入门指导所谓的自我赋值，指得就是一个对象赋值给自己的简单行为，但这种看起来人畜无害动作，在某些情形下却可能会使得你的代码崩溃。 ?...两个不同的指针 px 和 py 有可能指向同一对象，而基类引用 r 也完全有可能引用了指针 p 所指向的同一对象。...，也就是 new 语句发生了异常，此时因为原先对象的图像数据 p 已经被删除，因此这个赋值运算将会导致一个尴尬的结局：新的数据尚未被正常赋予，旧的数据已经被匆匆删除。...因此你需要权衡这二者中的利弊。 ? 总结：编写 operator=() 函数时要格外注意操作数是否是同一对象。...需要格外注意会发生异常（尤其是堆内存申请的代码）的代码处，是否会导致程序逻辑的不一致性。保证任何函数在同时操作多个对象时，哪怕有多个对象是同一对象的情况下也能正常执行。

6452 0

详解JavaScript的生成器函数(*function**)

用 function * 定义的函数称之为生成器函数，返回值是一个 Generator 对象，不能直接使用，需要通过调用 next() 方法来使用。...，只能通过 Object.getPrototypeOf(function*(){}).constructor 创建；在JavaScript中，生成器函数实际上都是 GeneratorFunction...的实例对象； GeneratorFunction 创建的生成器函数效率低于 function* 定义的生成器函数，且只能使用本地变量和全部变量。...GeneratorFunction("a", "yield a * 2"); var iterator = g(10); console.log(iterator.next().value); // 20 五、参考文档详解JavaScript...的生成器函数(function*)

1.1K0 0

浏览器中的JavaScript核心BOM（浏览器对象模型）

浏览器中内置对象History属性与方法详解引言正文一、History对象的作用二、History对象的引用三、History对象的方法四、History对象的属性结束语引言在学过JavaScript...之后，我们都知道对象分为内置对象、宿主对象、自定义对象，我们经常用到的浏览器中的内置对象就是宿主对象的一种，浏览器的内置对象有很多，本文就来详细讲解一下History对象的属性与方法吧。...正文因为把浏览器的所有内置对象逐个详细讲解，文章篇幅会很长，所以我把每个对象的讲解都放在不同的文章中，大家如果还想了解其他的浏览器内置对象，可以划到文章最后一部分，那里有跳转链接。...一、History对象的作用 History对象是用来把网页浏览历史用类似栈的方式进行表示。这定义听起来非常的抽象，其实History对象的作用就跟浏览器的前进和后退很像，我们来用几幅图来理解一下。...结束语好了，Hitory对象的讲解就到这里了，如果各位对浏览器的其他内置对象感兴趣的话，可以去看我这篇文章——浏览器中的JavaScript核心讲解之BOM（浏览器对象模型），翻到最底部，可以看到各种其它浏览器内置对象的详解

4671 0

JavaScript 中的对象

对象 JavaScript 中的对象，Object，可以简单理解成“名称 - 值”对（而不是键值对：现在，ES 2015 的映射表（Map），比对象更接近键值对），不难联想 JavaScript 中的对象与下面这些概念类似...正因为 JavaScript 中的一切（除了核心类型，core object）都是对象，所以 JavaScript 程序必然与大量的散列表查找操作有着千丝万缕的联系，而散列表擅长的正是高速查找。...“名称”部分是一个 JavaScript 字符串，“值”部分可以是任何 JavaScript 的数据类型——包括对象。这使用户可以根据具体需求，创建出相当复杂的数据结构。...第二种更方便的方法叫作“对象字面量（object literal）”法。这种也是 JSON 格式的核心语法，一般我们优先选择第二种方法。...function Person(name, age) { this.name = name; this.age = age; } // 定义一个对象 var You = new Person(

2.3K2 0

JavaScript——对象的属性

在JavaScript中，所有的对象都是一组属性的集合，属性可以是数值，字符串等原始类型，也可以是函数，或者是其他对象。属性的类型 JavaScript中的属性有两种类型：数据属性和访问器属性。...var o = {}; Object.defineProperty(o,"prop1",{ get: function(){ if (this...._prop1; }, set : function(s){ if (typeof s == "string"){ this....属性的特性 ES5开始，JavaScript为属性提供了三个特性用于描述其各种特征。特性是内部值，不能直接访问。...事实上，JavaScript中的数组(Array)，本质上也是一个键/值对的集合,数值类型的自然索引也是作为属性名(键)存在的。

2.4K3 0

JDBC中的核心对象

五、ResultSet之滚动结果集（了解）滚动的类别有：下一行：默认只能使用它，其他的方法存在，但不能使用！默认的结果集不可滚动！...通常我们也不需要查询到的结果集再受到数据库变化的影响。...之获取列数据可以通过next()方法使ResultSet的游标向下移动，当游标移动到你需要的行时，就需要来获取该行的数据了，ResultSet提供了一系列的获取列数据的方法： String getString...的列的int数据； double getDouble(String columnName)：获取名称为columnName的列的double数据； boolean getBoolean(String...columnName)：获取名称为columnName的列的boolean数据； Object getObject(String columnName)：获取名称为columnName的列的Object

5121 0

面向对象的JavaScript

什么是对象，面向对象（Object-Orented,OO）的抽象从前在Javascript王国里有一个国王，他觉得世界上最美妙的声音就是鸭子的叫声，于是国王召集大臣，要组建一个1000只鸭子组成的合唱团...这个故事告诉我们，国王要听的只是鸭子的叫声，这个声音的主人到底是一个鸡还是要鸭子并不重要。鸭子类型指导我们只关注对象的行为，而不关注对象本身。 ECMA-262把对象定义为：对象是无序属性的集合。...它们同样“都是动物”并且可以发出叫声，但根据主人的主指令，它们会发出不同的叫声。同一操作作用于不同的对象，结果不同。JavaScript的多态实际上是吧做什么和谁去做区分开了。...prototype——混合模式 prototype：原型 javascript中，只要是函数，都有一个隐藏的prototype属性。它指向一个对象，这个对象包含了所有实例都可以使用的对象和方法。...(); 换句话说，原型模式是给一类（严格来说javascript没有类）的对象添加方法。

7141 0

JavaScript对象的继承

JavaScript 对象的继承 1. 原型链继承基于原型链，即把一个对象的原型设置为另一个对象的实例，那么这个对象实例也就拥有了另一个对象上的属性。...，但是需要注意，子类添加方法的代码要写在替换原型的代码之后 ```JavaScript function Father(){ this.nationality = "中国" } Father.prototype.getNational...借用构造函数使用父类的实例设置为子类的原型，也就意味着父类的属性变成了子类原型上共享的属性了。我们在之前将面向对象时，说过，对象的属性最好定义在构造函数中，需要共享的引用类型的属性再定义在原型上。...为了解决这个问题，我们可以在子类的构造函数中调用父类的构造函数，这样父类的属性就会变成子类构造函数上的属性，子类的实例对象也就有了独立的属性： function Father() { this.nationality...ES6 中类的继承在 es6 中，有了 class(JavaScript 的 class 只是一种语法糖，覆盖在基于构造函数和原型的模式上)，我们就可以使用 extends 来实现类的继承了： class

6832 0

详解JavaScript的this对象

this 是当前运行环境的一个属性，指向最近的对象实例。二、怎么用？ 1、全局 2、函数中this 函数中的this指向调用他的实例对象。...(obj); // Custom 3、方法中this 方法中的 this 是指向最近的对象实例。...var o = { f: function() { return this.a + this.b; } }; // 对象o是对象p的原型 var p = Object.create(o)...的this对象

5390 0

JavaScript——对象的原型

如机制和原理(对象基于原型)里所记述的那样，JavaScript是一个基于原型的面向对象的语言。本文着重于对原型的实现机制进行剖析和说明。...原型链的实现 JavaScript里所有的对象都有一个名为__proto__的属性，这个属性里面存放的就是对象所参照的原型对象的引用。 ?...原型的自动设置当通过构造函数创建新对象时，JavaScript会自动将构造函数的prototype属性值设置到新对象的__proto__属性里。...= function() { return this.name; }; 然后我们创建一个Person的对象。...var tom = new Person("Tom"); 上面创建Person对象的代码与下面的程序逻辑是等价的，事实上JavaScript也是这样执行的。

5661 0

JavaScript的对象引用

toobug的圈圈图创建对象{test:1}，并将该对象在内存的引用地址，传递给a变量，a变量的值是对象{test:1}的引用。复制a的值给变量b，也就是，b也获得了对象{test:1}的引用。...对b.test重新赋值为2，由于b是{test:1}的引用，实则是{test:1}这个对象的test属性的值变更为2。嗯，这个坑，估计一个不小心就会踩到。...Demo.3 function a(){ var i = 0; function b(){ i++; console.log(i); } return b; } ...嗯，刚才被实例化的对象，没有了外部引用之后，GC可以开始干活鸟。再赋值一次，一个新的对象又被实例化了。结语：感谢好导师TooBug，基础讲解生动活泼。...一个作用域内部的函数，return并且被外部对象给引用之后，函数本身居然给实例化了，其内部私有变量也给持久性的保存了。除非引用断掉，否则GC都无法回收。

9420 0

Javascript的对象拷贝

Javascript 的对象只是指向内存中某个位置的指针。这些指针是可变的，也就是说，它们可以重新被赋值。所以仅仅复制这个指针，其结果是有两个指针指向内存中的同一个地址。...通过上面的例子可以看到，对象 foo 和 bar 都能随着对方的变化而变化。所以在拷贝 Javascript 中的对象时，要根据实际情况做一些考虑。...如果对象的属性也是对象，那么实际被拷贝的只是那些指针，这跟执行 var bar = foo; 的效果是一样的，和第一段代码中的做法一样。...结论 Javascript 中最好的对象拷贝的算法，很大程度上取决于其使用环境，以及你需要拷贝的对象类型。...虽然 lodash 是最安全的泛型深拷贝函数，但是如果你自己封装的话，也许能够获得效率更高的实现方法，以下就是一个简单的深拷贝，对 Date 日期对象也同样适用： 1function deepClone

4792 0

JavaScript中的内置对象--Number对象

JavaScript中的内置对象有以下6个： 1.Number对象 2.Boolean对象 3.Data对象 4.Math对象 5.String对象 6.Array对象在JavaScript中，数字是一种基本的数据类型...，同时JavaScript还支持Number这个对象，该对象是原始数值的包装对象。...在必要的时候，JavaScript会自动地在原始数据和对象之间转换。...创建一个Number对象的2中不同方法： var num1=Number("123"); var num2=new Number("456"); <!...在Number对象属性中NaN是一个很重要的属性。

2.6K5 0

浏览器中的JavaScript核心BOM（浏览器对象模型）重点掌握对象之Window对象的属性与方法

浏览器中的JavaScript核心BOM（浏览器对象模型）重点掌握对象之Window对象的属性与方法引言正文一、Window对象的方法（1）计时器（2）打开窗口（3）关闭窗口（4）对话框...二、Window对象的属性结束语引言浏览器为我们提供了JavaScript运行的环境，同时也给我们提供了很多的对象，我们从这一篇开始逐个讲解浏览器上的内置对象的属性和方法。...公众号：前端印象不定时有送书活动，记得关注~ 关注后回复对应文字领取：【面试题】、【前端必看电子书】、【数据结构与算法完整代码】、【前端技术交流群】正文 Window对象在客户端JavaScript...中扮演着核心的角色，它是客户端的一个全局内置对象。...= function () { //调用新打开窗口的window对象的close()方法 new_window.close() } </body

1.6K2 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云