JavaScript中字面量与函数的基本使用知识


Posted in Javascript onOctober 20, 2015

JavaScript 字面量
在编程语言中,一个字面量是一个常量,如 3.14。
数字(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)字面量 定义一个对象:

{firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"}

函数(Function)字面量 定义一个函数:

function myFunction(a, b) { return a * b;}

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!!";   // 我将调用自己
})();

以上函数实际上是一个 匿名自我调用的函数 (没有函数名)。
函数可作为一个值使用
JavaScript 函数作为一个值使用:
实例

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" 。
但,JavaScript 函数描述为一个对象更加准确。
JavaScript 函数有 属性 和 方法。
arguments.length 属性返回函数调用过程接收到的参数个数:
实例

function myFunction(a, b) {
  return arguments.length;
}

toString() 方法将函数作为一个字符串返回:
实例

function myFunction(a, b) {
  return a * b;
}

var txt = myFunction.toString();

Javascript 相关文章推荐
jquery 弹出登录窗口实现代码
Dec 24 Javascript
jquery.pagination.js 无刷新分页实现步骤分享
May 23 Javascript
js动态添加事件并可传参数示例代码
Oct 21 Javascript
JavaScript数组随机排列实现随机洗牌功能
Mar 19 Javascript
JS实现自动定时切换的简洁网页选项卡效果
Oct 13 Javascript
JS中sort函数排序用法实例分析
Jun 16 Javascript
[原创]JavaScript语法高亮插件highlight.js用法详解【附highlight.js本站下载】
Nov 01 Javascript
jQuery编写textarea输入字数限制代码
Mar 23 jQuery
vue使用v-for实现hover点击效果
Sep 29 Javascript
JS如何把字符串转换成json
Feb 21 Javascript
VUE前端从后台请求过来的数据进行转换数据结构操作
Nov 11 Javascript
vue实现同时设置多个倒计时
May 20 Vue.js
JavaScript基本的输出和嵌入式写法教程
Oct 20 #Javascript
javascript省市级联功能实现方法实例详解
Oct 20 #Javascript
基于JavaScript实现移动端TAB触屏切换效果
Oct 20 #Javascript
js点击文本框后才加载验证码实例代码
Oct 20 #Javascript
javascript实现状态栏中文字动态显示的方法
Oct 20 #Javascript
基于jQuery实现的扇形定时器附源码下载
Oct 20 #Javascript
JS实现仿Windows经典风格的选项卡Tab切换代码
Oct 20 #Javascript
You might like
Zend的MVC机制使用分析(一)
2013/05/02 PHP
探讨方法的重写(覆载)详解
2013/06/08 PHP
php递归法读取目录及文件的方法
2015/01/30 PHP
PHP与Ajax相结合实现登录验证小Demo
2016/03/16 PHP
php命令行写shell实例详解
2018/07/19 PHP
javascript中检测变量的类型的代码
2010/12/28 Javascript
事件绑定之小测试  onclick && addEventListener
2011/07/31 Javascript
关于 文本框默认值 的操作js代码
2012/01/12 Javascript
javascript 日期时间 转换的方法
2013/02/21 Javascript
jQuery响应鼠标事件并隐藏与显示input默认值
2014/08/24 Javascript
jQuery背景插件backstretch使用指南
2015/04/21 Javascript
jQuery使用zTree插件实现树形菜单和异步加载
2016/02/25 Javascript
js 判断附件后缀的简单实现方法
2016/10/11 Javascript
jstl中判断list中是否包含某个值的简单方法
2016/10/14 Javascript
理解javascript中的闭包
2017/01/11 Javascript
jQuery实现的页面弹幕效果【测试可用】
2018/08/17 jQuery
在vue中使用el-tab-pane v-show/v-if无效的解决
2020/08/03 Javascript
python映射列表实例分析
2015/01/26 Python
Python实现的数据结构与算法之快速排序详解
2015/04/22 Python
python列表操作之extend和append的区别实例分析
2015/07/28 Python
python中快速进行多个字符替换的方法小结
2016/12/15 Python
python 编写简单网页服务器的实例
2018/06/01 Python
对python中两种列表元素去重函数性能的比较方法
2018/06/29 Python
通过python3实现投票功能代码实例
2019/09/26 Python
python集合的创建、添加及删除操作示例
2019/10/08 Python
wxPython实现画图板
2020/08/27 Python
python如何运行js语句
2020/09/09 Python
解释一下抽象方法和抽象类
2016/08/27 面试题
Sql面试题
2013/03/20 面试题
幼儿园小班植树节活动方案
2014/03/04 职场文书
3.12植树节活动总结2014
2014/03/13 职场文书
2014年清明节寄语
2014/04/03 职场文书
大班幼儿评语大全
2014/04/30 职场文书
给校长的建议书300字
2014/05/16 职场文书
2014矛盾纠纷排查调处工作总结
2014/12/09 职场文书
PyQt5 QThread倒计时功能的实现代码
2021/04/02 Python