javaScript的函数(Function)对象的声明(@包括函数声明和函数表达式)

  平时再用js写函数的时候,一般都是以惯例 function fn () {} 的方式来声明一个函数,在阅读一些优秀插件的时候又不免见到 var fn = function () {} 这种函数的创建,究竟他们用起来有什么区别呢,今天就本着打破砂锅问到底的精神,好好来说说这个让人神魂颠倒的--函数声明。



 函数声明

  函数声明示例代码

function fn () {
    console.log(‘fn 函数执行..‘);
    // code..
}

  这样我们就声明了一个名称为fn的函数,这里出个思考,你认为在这个函数的上面来调用他的话会执行吗?还是会报错?

fn(); // 在之前调用我们声明的fn函数

function fn () {
    console.log(‘fn 函数执行..‘);
    // code..
}

  控制台输出结果:

  是的,此时fn函数是可以被调用到的,这里来总结下原因。

1:此时fn函数是变量的结果,默认存储在全局上下文的变量中(可用 window.函数名 来验证)

2:此方式为函数声明,在进入全局上下文阶段创建,代码执行阶段,它们已经可用。ps:javaScript在每次进入方法时都会先初始化上下文环境(由全局 → 局部)

3:它可以影响变量对象

时间: 2024-10-23 18:10:05

javaScript的函数(Function)对象的声明(@包括函数声明和函数表达式)的相关文章

Javascript Object、Function对象

1.Object对象 原型对象 原型是对象的一个属性,也就是prototype属性,每个对象都有这个内部属性,而且他本身也是一个对象. ? 1 2 3 4 5 6 <script type="text/javascript">      Object.prototype.num= 10;      alert("添加原型对象属性:"+ Object.num);      Object.num = 20;      alert("添加对象属性:&

javascript中的function对象

function对象都是Function的实例: > Object.getOwnPropertyNames(Function) [ 'length', 'name', 'arguments', 'caller', 'prototype' ] 所以function对象也应该有这些方法或者是属性: <script type="text/javascript"> var myFunction = function func(name,age){ //请注意,直接调用这个函数

Javascript高级篇-Function对象

1.引入 1.1Function是基于原型的对象 2.创建Function对象 2.1 var myFun = new Function("参数一","参数二","alert(参数一+参数二);"); 3.Function对象的属性 3.1 length:得出方法参数的个数 4.Function对象的方法 4.1 toString():打印出方法的源码 4.2 valueOf():(作用同toString)

微信小程序 功能函数 将对象的键添加到数组 (函数深入)

// 将对象的键添加到数组 var arr = Object.keys(site); //英文 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/keys 中文 https://developer.mozilla.org/zh-CN/ https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Glo

Javascript我学之六对象工厂函数与构造函数

本文是金旭亮老师网易云课堂的课程笔记,记录下来,以供备忘. 概述 使用对象字面量,或者向空对象中动态地添加新成员,是最简单易用的对象创建方法. 然而,除了这两种常用的对象创建方式,JavaScript还提供了其他方法创建对象. 1).使用工厂函数创建对象 我们可以编写一个函数,此函数的功能就是创建对象,可将其称为“对象工厂方法”. 1 //工厂函数 2 function createPerson(name, age, job) { 3 var o = new Object(); 4 o.name

JavaScript的function对象

我必须先说Java与JavaScript没有关系,不是我以前想的那个样子的(JavaScript是Java的一种超进化) 在JavaScript中,函数(function)就是对象. JavaScript的函数参数与调用函数的表达式之间的参数关系并不是一一对应的,他们是一种十分微弱的关系. 在JavaScript中,定义function的方式有三种: 第一种: 1 function add(number) 2 { 3 alert(number+20); 4 } 第二种: 1 var add=fu

javascript对象模型和function对象

javascript中,函数就是对象 <html> <head> <script type="text/javascript"> function add(number){ alert(number+20); } var add=function(number){ alert(number+20); } function add(number,number1){ alert(number+30); } var add=function(number)

Function对象

1.函数与Function对象 函数(方法)是一个可以重复执行的代码段 一组可以运行的语句 Function对象可以表示开发者定义的任何函数 函数实际上是功能完整的对象 2.函数的定义 有关键字function定义 函数名的定义规则与标识符一致,大小写敏感 可以使用变量.常量或表达式作为函数调用的的参数 返回值必须使用return return语句也可以终止函数的执行 function 函数名([参数]) { 函数体; return 返回值; } 3.函数的调用 函数名可以通过其名字加上括号中的

第二节:函数和对象

一.函数 JavaScript中的函数定义分为两种:声明式函数和赋值式函数.而且,函数的名称就是函数的内存地址,和变量一样,指向函数代码所在的内存区域. // 声明式函数 function fn(name){ var msg = "你好,"+name+",我是一个函数."; alert(msg); } // 赋值式函数 var fn = function(name){ var msg = "你好,"+name+",我是一个函数.&quo