`

js三种声明方式

 
阅读更多

JS中声明函数大体上有三种方法: 
1.常规方法 
JScript code function funcName(var1,var2....){ //add you code here } 

2.匿名函数引用法(找不到具体的称呼,暂且先这么叫) 
JScript code var funcName=function(var1,var2...){ //add you code here } 

3.构造函数法 
JScript code var funcName=new Function("x","y","alert(x+y);"); 

3中方法对函数的执行没有区别只是语法上和函数初始化的时候有些区别,通过如下实验 
可以看出他们的区别 

JScript code alert(fn1); alert(fn2); alert(fn3); function fn1(){ alert("fn1"); } var fn2=function(){ alert("fn2"); } var fn3=new Function("alert('fn3');"); fn1(); fn2(); fn3(); 
可以看到只有fn1被输出了函数体代码,其他两个都是undefined。因为JS的执行分为两个阶段 
预处理阶段和执行阶段,预处理阶段会对代码进行扫描分析并初始化变量表。通过第一种方法 
声明的函数在预处理阶段就会被初始化,而其他两种只有在执行阶段执行到相应行是才会被初始化

分享到:
评论

相关推荐

    JS 函数的三种声明方式

    本篇文章将深入探讨JS函数的三种声明方式:函数声明、函数表达式以及箭头函数。 1. **函数声明** 函数声明是最常见的方式,它以`function`关键字开头,后跟函数名,然后是参数列表,最后是函数体。例如: ```...

    探讨JavaScript中声明全局变量三种方式的异同

    在使用delete操作符尝试删除变量时,也会体现出这三种声明方式的不同。根据ECMAScript标准,使用var声明的变量是不能被删除的,尝试删除这样的变量会返回false。然而,通过window对象声明的全局变量在IE6/7/8中不可...

    JS中创建函数的三种方式及区分_.docx

    本文将详细介绍JavaScript中创建函数的三种方式及其区别。 1. **函数声明**: 函数声明是JavaScript中最常见的一种定义函数的方式。例如: ```javascript function sum1(n1, n2) { return n1 + n2; } ``` ...

    js引入方式,三种输出方式,一种输入方式,变量,基本数据类型,复合数据类型,数据分析,判断数据类型,算数运算符

    js引入方式有三种:内嵌式、外链式和行内式。内嵌式是在HTML文件中写代码;外链式是通过script标签的src属性引入外部js文件;行内式是在HTML文件中写代码,但需要在script标签中添加scr=" "属性。 js输出方式有三种...

    基于JavaScript 声明全局变量的三种方式详解

    在JavaScript中,声明全局变量有三种主要方式,每种方式都有其特点和适用场景。以下是详细的分析: 1. 显式声明:使用`var`关键字 这是最常见的方式,通过在函数外部或脚本的顶部使用`var`关键字声明变量,使其成为...

    JS中不为人知的五种声明Number的方式简要概述

    在JavaScript中,声明数值类型变量有多种不同的方式,而这些方式在日常开发中...然而,了解这些不同的声明方式有助于我们更深入地理解JavaScript中的类型转换和对象包装机制,也可以帮助我们更好地理解语言的底层细节。

    款让你的三维可视化项目快速落地の开源框架 永久开源免费商用 数字孪生 三维可视化 threejs webgl three.js

    将Vue.js与Three.js集成,可以使3D可视化更加便捷,因为Vue.js提供了一种声明式和组件化的方式来组织代码,可以与Three.js的3D元素完美融合,创建出交互式的3D界面。 综上所述,这个开源框架可能是一个集成了Three....

    JavaScript变量声明详解

    首先,JavaScript提供了三种声明变量的方式:`var`、`let` 和 `const`。在讨论这些声明方式之前,我们先区分全局变量和局部变量。全局变量在整个程序中都是可见的,而局部变量只在其所在的函数或块级作用域内有效。...

    前端学习笔记-黑马程序员JS

    函数的两种声明方式是函数声明和函数表达式。 对象 对象是 JavaScript 中的一种数据结构,可以使用对象字面量、new Object() 或者构造函数来创建对象。对象的遍历可以使用 for...in 循环或 Object.keys() 方法来...

    js代码大全 javascript

    在给定的"js代码大全"压缩包中,包含的三个文档很可能是各种JavaScript编程的实用示例和技巧。 1. **基础语法**:JavaScript的基础包括变量、数据类型(如字符串、数字、布尔值、对象等)、操作符、控制结构(如if...

    javascript试题(附答案)

    JavaScript是一种广泛应用于网页和网络应用的编程语言,尤其在客户端脚本方面扮演着核心角色。这份"javascript试题(附答案)"是为初学者设计的,旨在帮助他们更好地理解和掌握JavaScript的基础知识。 一、变量与数据...

    vue路由跳转的三种方式.docx

    Vue Router 提供了三种主要的路由跳转方式:声明式跳转、编程式跳转和路由导航守卫中的跳转。 1. **声明式跳转**:这种方式主要是通过在 Vue 模板中使用 `<router-link>` 标签来实现。`<router-link>` 允许我们将 ...

    js脚本大集合(JavaScript)

    JavaScript,简称JS,是一种广泛应用于Web开发的轻量级、解释型编程语言,以其与HTML和CSS的紧密集成,使得动态网页和交互式应用程序成为可能。这个“js脚本大集合”显然是一份包含多种JavaScript特效和功能实现的...

    React 练习时使用的三个基本js文件

    React DOM提供了一种与浏览器DOM交互的方式,使得React可以高效地更新和管理虚拟DOM,从而实现高效的UI渲染。`react-dom.development.js`是React DOM的开发版本,它包含额外的错误检查和警告,有利于在开发过程中...

    js 日历 js日历 例子 javascript日历

    JavaScript日历是一个常见的网页交互元素,它为用户提供了一个方便的方式来选择日期,常见于表单填写、事件安排等场景。在Web开发中,JavaScript日历组件的实现主要依赖于JavaScript语言和CSS来完成页面布局和样式...

    JS函数的几种定义方式分析

    首先,我们来看第一种也是最常用的函数定义方式——函数声明: ```javascript function func1([参数]) { // 函数体 } ``` 这种方式定义的函数也称为函数声明。它的特点是函数声明会被JavaScript引擎提前处理,这...

    javascript帮助文档(微软JS+w3cJS+核心版)

    此“javascript帮助文档(微软JS+w3cJS+核心版)”包含了三种不同来源的JavaScript参考材料,分别是微软的JavaScript实现、W3C的标准化规范以及JavaScript的核心概念。 微软JS是微软对ECMAScript(JavaScript的标准化...

    3种简单的JS标签页代码

    本主题将探讨三种不同的JS实现标签页的方法,尽管它们的功能相同,但代码实现方式各有特点。我们将深入理解这些代码,以便在实际项目中灵活运用。 首先,我们来看第一种标签页的实现方式。通常,这种类型的标签页会...

Global site tag (gtag.js) - Google Analytics