JavaScript中字面量与函数的基本使用知识
2016-10-27 19:18
260 查看
JavaScript 字面量
数字(Number)字面量 可以是整数或者是小数,或者是科学计数(e)。3.14
1001
123e5
字符串(String)字面量 可以使用单引号或双引号 be written with double or single quotes:
“John Doe”
‘John Doe’
表达式字面量 用于计算:
5 + 6
5 * 10
数组(Array)字面量 定义一个数组:
[40, 100, 1, 5, 25, 10]
对象(Object)字面量 定义一个对象:
JavaScript 支持对象字面量,允许使用一种简洁而可读的记法来创建对象。
对象字面量是一个 名/值 对列表,每个 名/值 对之间用逗号分隔,最后用一个大括号括起来。名/值对 表示对象的一个属性或方法,名和值之间用冒号分隔。
{firstName:”John”, lastName:”Doe”, age:50, eyeColor:”blue”}
var zhangsan={ name : "张三", sex : "男", say:function(){ return "嗨!大家好,我来了。"; }, contact : { tel : "029-81895644", qq : "1370753465", email : "itxueyuan@gmail.com" } }
可以看出来:使用对象字面量可以创建单个对象,语义直观。对象字面量可以嵌套。
对象字面量也可以先创建,再添加属性和方法。
上面的zhangsan对象,也可以这样来创建:
var zhangsan={} zhangsan.name = "张三"; zhangsan.sex = "男"; zhangsan.say = function(){ return "嗨!大家好,我来了。"; } zhangsan.contact = { tel : "029-81895644", qq : "1370753465", email : "itxueyuan@gmail.com" }
函数(Function)字面量 定义一个函数:
function myFunction(a, b) { return a * b;}
字面量、常量和变量之间的区别
C/C++ code int a;//a变量 const int b=10;//b为常量,10为字面量 string str="hello world";//str为变量,hello world为也字面量
字面量是指由字母,数字等构成的字符串或者数值,它只能作为右值出现,所谓右值是指等号右边的值,如:int a=123这里的a为左值,123为右值。
常量和变量都属于变量,只不过常量是赋过值后不能再改变的变量,而普通的变量可以再进行赋值操作
JavaScript 函数定义
JavaScript 使用关键字 function 定义函数。函数可以通过声明定义,也可以是一个表达式。
函数声明
在之前的教程中,你已经了解了函数声明的语法 :function functionName(parameters) { 执行的代码 }
函数声明后不会立即执行,会在我们需要的时候调用到。
例子
function myFunction(a, b) { return a * b; }
Note :分号是用来分隔可执行JavaScript语句。
由于函数声明不是一个可执行语句,所以不以分号结束。
函数表达式
JavaScript 函数可以通过一个表达式定义。函数表达式可以存储在变量中:
var x = function (a, b) {return a * b};
在函数表达式存储在变量后,变量也可作为一个函数使用:
var x = function (a, b) {return a * b}; var z = x(4, 3);
以上函数实际上是一个 匿名函数 (函数没有名称)。
函数存储在变量中,不需要函数名称,通常通过变量名来调用。
Note :上述函数以分号结尾,因为它是一个执行语句。
Function() 构造函数
在以上实例中,我们了解到函数通过关键字 function 定义。函数同样可以通过内置的 JavaScript 函数构造器(Function())定义。
var myFunction = new Function("a", "b", "return a * b"); var x = myFunction(4, 3);
实际上,你不必使用构造函数。上面实例可以写成:
var myFunction = function (a, b) {return a * b} var x = myFunction(4, 3);
Note :在 JavaScript 中,很多时候,你需要避免使用 new 关键字。
函数提升(Hoisting)
在之前的教程中我们已经了解了 “hoisting(提升)”。提升(Hoisting)是 JavaScript 默认将当前作用域提升到前面去的的行为。
提升(Hoisting)应用在变量的声明与函数的声明。
因此,函数可以在声明之前调用:
myFunction(5); function myFunction(y) { return y * y; }
使用表达式定义函数时无法提升。
自调用函数
函数表达式可以 “自调用”。自调用表达式会自动调用。
如果表达式后面紧跟 () ,则会自动调用。
Y不能自调用声明的函数。
通过添加括号,来说明它是一个函数表达式:
(function () { var x = "Hello!!"; // 我将调用自己 })();
以上函数实际上是一个 匿名自我调用的函数 (没有函数名)。
函数可作为一个值使用
function myFunction(a, b) { return a * b; }
var x = myFunction(4, 3);
JavaScript 函数可作为表达式使用:
function myFunction(a, b) { return a * b; }
var x = myFunction(4, 3) * 2;
函数是对象
在 JavaScript 中使用 typeof 操作符判断函数类型将返回 “function”afbd
。但,JavaScript 函数描述为一个对象更加准确。
JavaScript 函数有 属性 和 方法。
arguments.length 属性返回函数调用过程接收到的参数个数:
function myFunction(a, b) { return arguments.length; }
toString() 方法将函数作为一个字符串返回:
function myFunction(a, b) { return a * b; }
var txt = myFunction.toString();
原文链接:http://www.jb51.net/article/73673.htm
相关文章推荐
- JavaScript中字面量与函数的基本使用知识
- JavaScript中字面量与函数的基本使用知识
- C++中函数使用的基本知识学习教程
- javaScript系列之函数的基本使用(四)
- javascript 基本使用—字符串、变量、数组、函数、for循环
- 源码-JavaScript&jQuery交互式前端开发-第3章-函数、方法与对象-使用字面量语法创建对象
- 如何使用jquery刷新当前页面和javascript的基本函数
- JavaScript的一些基本知识 -- 函数
- 【转】数据库基本知识:(七)函数和表达式的使用
- javascript基本知识小结--命名空间,函数
- JavaScript学习笔记(九) 函数的基本知识和专业术语
- 使用 javascript 函数 完美控制页面图片显示大小 By shawl.qiu
- javascript基本知识参考手册
- javascript入门系列演示·函数的定义以及简单参数使用,调用函数
- javascript中可以使用 obj.function1()式的函数
- [随记]XSTREAM-JSON基本不能被javascript使用
- 使用较大的 JavaScript 函数
- 基本绘图函数的使用
- javascript(js) join函数使用方法介绍
- javascript实例教程(17) 使用javascript的数学函数