搜尋
首頁web前端js教程js 多种变量定义(对象直接量,数组直接量和函数直接量)_javascript技巧

对象直接量创建一个对象:
复制代码 代码如下:
var obj = {x:[1,2],y:23};

代码跟下面是一样的。
复制代码 代码如下:

var obj=new Object();
obj.x=new Array(1,2);
obj.y=23;

测试:
复制代码 代码如下:

for(var i in obj) alert(obj[i]);


函数直接量:它是一个表达式而不是语句。
复制代码 代码如下:
(function(){})()

如下例:
复制代码 代码如下:

(function(){
document.write("some script code");
})()

var a=(function(s){return s})("abc");
alert(a);
var b=function(s){return s};
alert(b("abc"));

这个如何解释呢
大家应该记得这种写法
var a=function (){}
那么怎么运行a呢,那么就是a()
同样的道理,我们不通过a这个变量来存那么是如何写法,就是
function(){}()
但是你会发现这样是错的
因为解析引擎解析的时候,解析的时候发现}判断到了函数结束了
并没有把那个函数作为块来运行
那么加上()是强制把function那块作为块

一、什么是匿名函数
在Javascript定义一个函数一般有如下三种方式:

函数关键字(function)语句:
function fnMethodName(x){alert(x);}函数字面量(Function Literals):
var fnMethodName = function(x){alert(x);}Function()构造函数:
var fnMethodName = new Function('x','alert(x);')上面三种方法定义了同一个方法函数fnMethodName,第1种就是最常用的方法,后两种都是把一个函数复制给变量fnMethodName,而这个函数是没有名字的,即匿名函数。实际上,相当多的语言都有匿名函数。


二、函数字面量和Function()构造函数的区别
虽然函数字面量是一个匿名函数,但语法允许为其指定任意一个函数名,当写递归函数时可以调用它自己,使用Function()构造函数则不行。
var f = function fact(x) {
if (x else return x*fact(x-1);
};
Function()构造函数允许运行时Javascript代码动态的创建和编译。在这个方式上它类似全局函数eval()。

Function()构造函数每次执行时都解析函数主体,并创建一个新的函数对象。所以当在一个循环或者频繁执行的函数中调用Function()构造函数的效率是非常低的。相反,函数字面量却不是每次遇到都重新编译的。

用Function()构造函数创建一个函数时并不遵循典型的作用域,它一直把它当作是顶级函数来执行。

复制代码 代码如下:

var y = "global";
function constructFunction() {
var y = "local";
return new Function("return y"); // 无法获取局部变量}
alert(constructFunction()()); // 输出 "global" 函数直接量:

只要是表达式语法,脚本宿主就认为 function 是一个直接量函数,如果什么都不加,光以 function 开头的话则认为是一个函数声明,把 function 写进一个表达式内部,比如四则运算,宿主也会将其当作是一个直接量,如下:
复制代码 代码如下:

var a = 10 + function(){
return 5;
}();

夸张一点,如下:
复制代码 代码如下:

(function(){
alert(1);
} ) ( );
( function(){
alert(2);
} ( ) );
void function(){
alert(3);
}()
0, function(){
alert(4);
}();
-function(){
alert(5);
}();
+function(){
alert(6);
}();
!function(){
alert(7);
}();
~function(){
alert(8);
}();
typeof function(){
alert(9);
}();

js中定义函数的方式有多种,函数直接量就是其中一种。如var fun = function(){},这里function如果不赋值给fun那么它就是一个匿名函数。



好,看看匿名函数的如何被调用。

1、执行后得到返回值的函数调用
复制代码 代码如下:

//方式一,调用函数,得到返回值。强制运算符使函数调用执行
(function(x,y){
alert(x+y);
return x+y;
}(3,4));

//方式二,调用函数,得到返回值。强制函数直接量执行再返回一个引用,引用在去调用执行
(function(x,y){
alert(x+y);
return x+y;
})(3,4);

2、执行后忽略返回值
复制代码 代码如下:

//方式三,调用函数,忽略返回值
void function(x) {
x = x-1;
alert(x);
}(9);

嗯,最后看看错误的调用方式
复制代码 代码如下:

//错误的调用方式
function(x,y){
alert(x+y);
return x+y;
}(3,4);

陳述
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
如何在Python中定义变量?如何在Python中定义变量?Jun 04, 2023 am 10:02 AM

在Python中,变量可以理解为存储数据的容器。当我们需要使用或操作数据时,可以通过定义变量来存储数据,从而方便地调用和处理这些数据。下面将介绍Python中定义变量的方法。一、命名规则在Python中,变量的命名规则非常灵活,通常需要遵循以下规则:变量名由字母、下划线和数字组成,首位不能为数字。变量名可以使用大小写字母,但Python是区分大小写的。变量名

Golang函数的变量定义时的赋值方法与区别Golang函数的变量定义时的赋值方法与区别May 17, 2023 pm 07:01 PM

Golang是一种快速、高效、现代化的编程语言,它在编译时会自动检查类型,并且具有并发性和内存安全性等特点,因此被越来越多的开发者所青睐。在Golang中,我们经常需要使用函数来封装业务逻辑,而函数中的变量定义时的赋值方法是一个常见的问题,本文将详细讲解这个问题并分析其中的区别。变量定义在Golang中,可以使用var和:=两种方式来定义变量。其中,var方

如何在PHP中定义变量和常量如何在PHP中定义变量和常量May 11, 2023 pm 04:03 PM

PHP是一种被广泛使用的编程语言,具有卓越的可扩展性和实用性。在PHP中,变量和常量是两种十分重要的概念,它们可以用来存储和表示值以及存储重要的信息。在这篇文章中,我们将会详细介绍如何在PHP中定义变量和常量,以帮助初学者快速上手。一、定义变量变量是用于存储值的名字或标识符。在PHP中,变量的定义可以分为三个步骤:变量的声明、变量的赋值和使用变量。下面我们详

如何解决Python的函数变量重复定义错误?如何解决Python的函数变量重复定义错误?Jun 25, 2023 am 11:59 AM

Python的函数变量重复定义错误是一个常见问题,当一个函数中重复定义了相同名称的变量时,Python会抛出“localvariable'xxxx'redefined”错误。这个错误通常是由于函数内部的变量名和外部的变量名重复导致的。在Python中,变量作用域分为局部作用域和全局作用域,当在一个函数中定义变量时,该变量默认为局部变量,并且只能在该函数

C++编译错误:一个定义的变量必须在最上面,应该怎么修改?C++编译错误:一个定义的变量必须在最上面,应该怎么修改?Aug 22, 2023 am 11:43 AM

在C++编程中,有时会遇到一个常见的错误,即“一个定义的变量必须在最上面”的错误。这通常是由于变量定义的位置不正确导致的。在本文中,我们将讨论如何修复这个错误。在C++中,变量的定义通常需要在函数体或作用域的开始处进行。如果你定义的变量放在下面,而在调用之前,则会出现“一个定义的变量必须在最上面”的编译错误。出现这个错误的解决方案就是将变量定义移到函数或作用

Golang变量定义的规范和技巧Golang变量定义的规范和技巧Jan 13, 2024 pm 03:43 PM

Golang中变量定义的规范与技巧概述:在Golang中,变量是程序中最基本的数据存储单元。正确使用变量定义的规范和技巧可以提高代码的可读性、可维护性和性能。本文将介绍一些Golang中变量定义的规范和技巧,并提供具体的代码示例。变量的命名规范:在Golang中,变量的命名是有一定规范的。变量名应该使用驼峰命名法,首字母小写。如果是私有变量,应该使用驼峰命名

解决C++编译错误:'operating on 'variable' that is being defined',如何解决?解决C++编译错误:'operating on 'variable' that is being defined',如何解决?Aug 26, 2023 pm 01:01 PM

解决C++编译错误:'operatingon'variable'thatisbeingdefined',如何解决?在C++编程中,有时候我们会遭遇到一个错误信息:'operatingon'variable'thatisbeingdefined'。这个错误信息指明我们在定义变量的同时对其进行了操作,这是不被允许的。在本文中,我们将讨论这

Golang语言中变量定义的常见问题及解决方法Golang语言中变量定义的常见问题及解决方法Jan 10, 2024 am 09:21 AM

Golang语言中变量定义的常见问题及解决方法在使用Golang语言进行编程时,变量的定义是一个基础且常见的操作。然而,由于Golang有一些特殊的规则和规定,我们可能在变量定义过程中遇到一些问题。本文将针对常见问题进行介绍,并给出相应的解决方法和代码示例。问题一:变量声明但未使用在Golang中,如果我们声明了一个变量,但在后续的程序中并未使用该变量,编译

See all articles

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

AI Hentai Generator

AI Hentai Generator

免費產生 AI 無盡。

熱門文章

R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
3 週前By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳圖形設置
3 週前By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.如果您聽不到任何人,如何修復音頻
3 週前By尊渡假赌尊渡假赌尊渡假赌

熱工具

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

MantisBT

MantisBT

Mantis是一個易於部署的基於Web的缺陷追蹤工具,用於幫助產品缺陷追蹤。它需要PHP、MySQL和一個Web伺服器。請查看我們的演示和託管服務。

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

Safe Exam Browser

Safe Exam Browser

Safe Exam Browser是一個安全的瀏覽器環境,安全地進行線上考試。該軟體將任何電腦變成一個安全的工作站。它控制對任何實用工具的訪問,並防止學生使用未經授權的資源。

PhpStorm Mac 版本

PhpStorm Mac 版本

最新(2018.2.1 )專業的PHP整合開發工具