`
towaywu
  • 浏览: 16007 次
  • 性别: Icon_minigender_1
  • 来自: 长沙
社区版块
存档分类
最新评论

Javascript中的函数(Function)与对象(Object)的关系

 
阅读更多

今天我们来尝试理解Function和Object.因为这个里面有些人前期可能会搞糊涂.他们之间到底是什么关系.当然也不除外当初的我.


注意:官方定义: 在Javascript中,每一个函数实际上都是一个函数对象.


我们先来看最简单的两个代码,也是最容易理解的.


function fn(){}

var obj = {}

console.log(fn instanceof Function)//true

console.log(obj instanceof Object)//true

console.log(fn instanceof Object)//true

console.log(obj instanceof Function)//false


前面两个打印的效果,大家都容易理解.后面fn instanceof Object是为true.这里也是一样,从函数的定义来说: 在javascript中一切函数实际都是函数对象. 所以为true就不奇怪了.obj instanceof Function为false,当然不奇怪了.因为他是一个对象,不是函数.


我们再来看一个代码


console.log(Function instanceof Object); // true

console.log(Object instanceof Function); // true


代码很简单.运行结构两个都是为true,为什么呢? 第一个用函数的定义来说,(javascript中函数实际也是一个函数对象),当然为true,那第二个呢?对象也是函数?

Object也是函数.因为Object的结构是function Object(){native code}.

这种形式,很清晰的就是声明的一个Object函数,当然就是函数了,所以两个都是为true.

他们两个Function和Object函数实现代码,那当然是不一样了.他们是怎么实现的,那我们就不去详细琢磨了,如果想琢磨的,就可以了解浏览器的相关知识了.


希望大家能理解函数与对象的关系,不明白的给公众号留言或者加群:186659233问我们


本文属于吴统威的博客,微信公众号:bianchengderen,:186659233的原创文章,转载时请注明出处及相应链接:http://www.wutongwei.com/front/infor_showone.tweb?id=160 ,欢迎大家传播与分享.

分享到:
评论

相关推荐

    理解Javascript Function与Object

    这段代码解释了foo和其构造函数Foo和Foo的构造函数Function的关系。 Object:顶层对象 ---------------- Object是最顶层的对象,所有的对象都将继承Object的原型。但是,你也要明确的知道Object也是一个函数对象,...

    JavaScript中Function函数与Object对象的关系

    注意:官方定义: 在Javascript中,每一个函数实际上都是一个函数对象. 我们先来看最简单的两个代码,也是最容易理解的. function fn(){} var obj = {} console.log(fn instanceof Function)//true conso

    JavaScript中函数与对象的解析.pdf

    JavaScript 中函数与对象的解析 JavaScript 中的函数与对象是掌握 JavaScript 语 言的基础。JavaScript 语 言与 C++、Java 等语 言在语法上类似,但其函数具有独特性。本文将深入了解 JavaScript 语言中的函数与...

    Javascript函数与对象

    ### JavaScript函数与对象详解 在JavaScript中,函数与对象是两个核心概念,它们构成了这门语言的基石。本文将深入探讨这两个主题,帮助读者更好地理解并掌握JavaScript。 #### 函数 函数是JavaScript中的第一类...

    javascript Object与Function使用.docx

    然而,在深入学习JavaScript的过程中,不少开发者对于语言内部的一些概念仍感困惑,比如Object与Function之间的关系及其如何影响`instanceof`运算符的结果。 #### 二、JavaScript对象体系结构概述 在JavaScript...

    浅谈Javascript中的Function与Object

    Function 函数就是对象,代表函数的对象就是函数对象。所有的函数对象是被Function这个函数对象构造出来的。...Function 与Object 关系图: 代码如下: [removed] var Foo= function(){} var f1 = n

    深入认识JavaScript中的函数

    本文将详细介绍JavaScript函数的特性和使用方法,帮助读者更深入地理解和应用函数。 #### 二、函数对象(Function Object) 在JavaScript中,函数本质上是对象,这一点非常重要。当我们定义一个函数时,实际上是在...

    浅谈Javascript中Object与Function对象

    JavaScript的Object和Function对象在语言中起着核心作用,它们定义了如何创建和操作对象,以及如何处理函数。理解原型、原型链、`arguments`对象和`caller`属性等概念对于深入学习JavaScript至关重要。这些特性使得...

    理解JavaScript中函数的使用

    在JavaScript中,每个函数实际上都是一个Function对象。这意味着它们拥有自己的属性和方法。例如,可以通过`function`关键字定义的函数访问`prototype`属性,这个属性允许我们向函数添加新的方法。此外,Function...

    JavaScript基础篇(3)之Object、Function等引用类型

    JavaScript中的引用类型主要涉及到Object、Array、Date、RegExp和Function等类型。它们具有以下特点和知识点: 1. Object类型是JavaScript中最为基础和常用的引用类型。它可以用来模拟现实世界中的对象模型,存储...

    JavaScript视频教程-4.函数与内置对象

    函数与内置对象"中,我们将会深入探讨JavaScript编程中的核心概念——函数和内置对象。 函数是JavaScript中的重要组成部分,它们是可重用的代码块,可以接受参数并返回值。函数的定义使用`function`关键字,例如: ...

    JavaScript中object和Object的区别(详解)

    首先,`object`并不是JavaScript中的一个特定标识符或类型,而是`typeof`操作符在检测非原始类型(即非`undefined`、`boolean`、`number`、`string`、`function`、`symbol`)时返回的一个字符串值。这意味着,当你对...

    QT和网页中的JavaScript函数进行相互调用的实现

    本文将深入探讨如何在QT应用中与网页内的JavaScript函数进行交互,使得桌面应用能够利用Web技术增强其交互性和动态性。 实现QT和JavaScript的互调,主要依赖于QT的QWebEngine模块,它提供了对Web内容的渲染和交互...

    javascript函数速查手册

    JavaScript函数是编程语言的核心组成部分,尤其在Web开发中起着至关重要的作用。这份"JavaScript函数速查手册"涵盖了JavaScript函数的各个方面,旨在帮助开发者快速查找和理解各种函数的用法和特性。 一、函数基础 ...

    JavaScript中的Object对象学习教程_.docx

    JavaScript中的Object对象是语言的核心组成部分,它提供了对对象进行操作的各种功能。在JavaScript中,一切皆为对象,包括基本数据类型,它们都有对应的包装对象。本文将深入探讨Object对象的使用和相关方法。 首先...

    JavaScript对象数组排序函数及六个用法

    为了应对不同场景下的排序需求,本文将介绍一个自定义的JavaScript函数,该函数支持对数组或对象进行排序,并且能够根据数组或对象中嵌套的任意深度的子键进行排序。以下是对该函数及其使用方法的详细解析。 函数...

    javascript变量和函数

    - Function:函数也是一种对象,可以被赋值给变量,作为参数传递,或者作为其他对象的属性。 在处理引用类型时,需要注意其按引用访问的特点,这意味着更改对象的一个属性会影响到所有引用该对象的地方。而基本类型...

    javascript的函数

    在JavaScript中,函数也是对象,因此在定义函数的同时,一个与函数名同名的对象也被创建了。 2. **函数表达式(Function Expression)** 另一种定义函数的方法是通过函数表达式,即将函数赋值给一个变量: ```...

    javascript函数式编程

    JavaScript函数式编程是一种编程范式,它强调将计算视为数据处理,通过函数操作来避免改变状态和可变数据。在JavaScript中,函数式编程能够帮助我们编写更简洁、可读性更强、易于测试和维护的代码。下面我们将深入...

Global site tag (gtag.js) - Google Analytics