JavaScript(2):函数
<!DOCTYPE html>
<html>
<body>
<p>JavaScript 函数</p>
<script>
// 函数声明
function myFunction(a, b) { return a * b;}
console.log(myFunction(2, 6));
// 函数表达式(匿名函数)
var demo1 = function(a, b) {return a * b;};
console.log(demo1(2, 5));
// Function()构造函数 [F大写!]
var demo2 = new Function("a", "b", "return a * b");
console.log(demo2(2, 4));
// 自调用函数(匿名自我调用的函数) [添加两对括号!]
(function() {
console.log("Call myself.");
})(); // 函数是对象
// 使用 typeof 操作符判断函数类型将返回 "function"
console.log(typeof demo1 == 'function');
// toString() 方法将函数作为一个字符串返回
console.log(demo1.toString()); // Arguments对象
// [例1]获取最大值
function myMax() {
var i, max = arguments[0];
if(arguments.length < 2) return max;
for(i = 1; i < arguments.length; i++){
if(arguments[i] > max) max = arguments[i];
}
return max;
}
console.log(myMax(1, 3, 9, 5, 7));
// [例2]统计所有数值的和
function mySum() {
var i, sum = 0;
for(i = 0; i < arguments.length; i++) sum += (arguments[i] = arguments[i] || 0);
return sum;
}
var undef;
console.log(mySum(1, 3, 5, 7, 9, null, undef)); // 函数作为方法调用
var myObject = {
firstName: "Frank",
lastName: "Liu",
fullName: function() { return this.firstName + " " + this.lastName; }
}
console.log(myObject.fullName()); // 构造函数调用函数
function demo3(arg1, arg2) {
this.firstName = arg1;
this.lastName = arg2;
}
var demo4 = new demo3("Frank", "Liu");
console.log(demo4.firstName); // call()和apply()是预定义的函数方法。 两个方法可用于调用函数,两个方法的第一个参数必须是对象本身
// call则作为call的参数传入(从第二个参数开始)
var demo5 = myMax.call(demo5, 3, 1, 5 ,2);
console.log(demo5);
// apply传入的是一个参数数组,也就是将多个参数组合成为一个数组传入
var demo6 = myMax.apply(demo6, [3, 1, 6 ,2]);
console.log(demo6); // JavaScript闭包
// 函数的特别之处在于可以创建一个独立的作用域,最内层的函数使用了counter变量,所以counter不会被销毁
var add = (function() {
var counter = 0;
return function() { return counter += 1; };
})();
console.log("Loop1: " + add()); // 1
console.log("Loop2: " + add()); // 2
console.log("Loop3: " + add()); // 3
</script>
</body>
</html>
JavaScript(2):函数的更多相关文章
- JavaScript中函数函数的定义与变量的声明<基础知识一>
1.JavaScript中函数的三种构造方式 a.function createFun(){ } b.var createFun=function (){ } c.var createFun=new ...
- 理解 JavaScript 回调函数并使用
JavaScript中,函数是一等(first-class)对象:也就是说,函数是 Object 类型并且可以像其他一等对象(String,Array,Number等)一样使用.它们可以"保 ...
- 5种 JavaScript 调用函数的方法
一次又一次的,我发现,那些有bug的Javascript代码是由于没有真正理解Javascript函数是如何工作而导致的(顺便说一下,许多那样的代码是我写的).JavaScript拥有函数式编程的特性 ...
- javascript escape()函数和unescape()函数
javascript escape()函数和unescape()函数 escape() 函数可对字符串进行编码,这样就可以在所有的计算机上读取该字符串. 语法: escape(string) stri ...
- JavaScript调用函数的方法
摘要:这篇文章详细的介绍了Javascript中各种函数调用的方法及其原理,对于理解JavaScript的函数有很大的帮助! 一次又一次的,我发现,那些有bug的Javascript代码是由于没有真正 ...
- Javascript常用方法函数收集(二)
Javascript常用方法函数收集(二) 31.判断是否Touch屏幕 function isTouchScreen(){ return (('ontouchstart' in window) || ...
- javascript工具函数
第一部分 JavaScript工具函数 转义特殊字符为html实体 HtmlEncode: function(str){ return str.replace(/&/g, '&') ...
- [转]javascript eval函数解析json数据时为什加上圆括号eval("("+data+")")
javascript eval函数解析json数据时为什么 加上圆括号?为什么要 eval这里要添加 “("("+data+")");//”呢? 原因在于: ...
- javascript篇-----函数作用域,函数作用域链和声明提前
在一些类似C语言的编程语言中,花括号内的每一段代码都具有各自的作用域,而且变量在声明它们的代码段之外是不可见的(也就是我们不能在代码段外直接访问代码段内声明的变量),我们称之为块级作用域,然而,不同于 ...
- JavaScript 常用函数总结
javascript函数: ·常规函数 ·数组函数 ·日期函数 ·数学函数 ·字符串函数 .cookie函数 1.常规函数 javascript常规函数包括以下9个函数: (1)alert ...
随机推荐
- Java-DateUtils工具类
import java.text.ParseException; import java.text.SimpleDateFormat; import java.util.Calendar; impor ...
- 【Winform-自定义控件】 DataGridView多维表头
[datagridview与treeview绑定] treeview 代码: DataTable dtable = new DataTable("Rock") ...
- [人物存档]【AI少女】【捏脸数据】魔幻世界
人物+衣物.zip
- PHP:函数和语言结构(转)
转自:https://www.cnblogs.com/fanqiechaodan/articles/5222366.html 什么是语言结构呢?它和函数有什么不同吗? 1. 什么是语言结构和函数 语 ...
- Confluence 6 分享一个文件
协同合作和编辑不仅仅是发生在页面中,很多时候你需要与你的项目小组针对文档,报告,图片,表格进行协同操作.不管是针对性的市场计划或者一个完整的项目计划,你可以在 Confluence 中让你的项目小组成 ...
- [sdoi 2010][bzoj 1925]地精部落(神仙dp)
Description 传说很久以前,大地上居住着一种神秘的生物:地精. 地精喜欢住在连绵不绝的山脉中.具体地说,一座长度为 N 的山脉 H可分 为从左到右的 N 段,每段有一个独一无二的高度 Hi, ...
- BZOJ 4034 [HAOI2015]树上操作 线段树+树剖或dfs
题意 直接照搬原题面 有一棵点数为 N 的树,以点 1 为根,且树点有边权.然后有 M 个 操作,分为三种: 操作 1 :把某个节点 x 的点权增加 a . 操作 2 :把某个节点 x 为根的子树中所 ...
- vue-cli3中axios如何跨域请求以及axios封装
1. vue.config.js中配置如下 module.exports = { // 选项... // devtool: 'eval-source-map',//开发调试 devServer: { ...
- jdk中使用的设计模式
在JDK(Java Development Kit)类库中,开发人员使用了大量设计模式,正因为如此,我们可以在不修改JDK源码的前提下开发出自己的应用软件,研究JDK类库中的模式实例也不失为学习如何使 ...
- axios 的坑
必须安装axios 和qs 1.main.js中的配置 import axios from 'axios' import qs from 'qs'; axios.defaults.headers.po ...