深入理解JavaScript 函数


Posted in Javascript onJune 06, 2016

方法&函数

区别

1.function 是更通用的概念,如数学、编程

2.method 是面向对象中的概念,一般与类或对象成对出现

关系

1.对象的属性可以是任意类型

2.对象的属性如果是函数类型,它就叫做这个对象的方法

3.所以方法的本质还是函数

函数的调用

1.fun()
2.obj.fun()
3.fun.call()

函数的属性和方法

1.name
2.length
3.toString

作用域

变量不是哪里都可以使用

全局变量(跨文件)

var n = 1;
function fn(){
  console.log(n); // 1
}

局部变量(只能在函数内部访问)

function fn1(){
  var n = 2;
}
console.log(n); // Uncaught ReferenceError: number is not defined

函数作用域

•函数能独立出一个作用域

var n = 1;
function f(){
  var n = 2;
  console.log(n); // 在当前作用域进行变量寻找
}
f();
console.log(n); // 在全局作用域进行变量寻找

•函数里面可以访问函数外面

var n = 1;
var x = function(){
  console.log(n);
};

function f(){
  var n = 2;
  x();
}
f();

•自调用匿名函数

!function (){
  var n = 1;
  console.log(n);
};

~function (){
  var n = 1;
  console.log(n);
};

(function(){
  var n = 1;
  console.log(n);
}());

•闭包

<!DOCTYPE html>
<html>
  <head>
   <meta charset="utf-8">
   <title>JS Bin</title>
  </head>
  <body>
   <ul>
    <li>aaa</li>
    <li>bbb</li>
    <li>ccc</li>
    <li>ddd</li>
    <li>eee</li>
   </ul>
   <script>
    var items = document.getElementsByTagName('li'),
      i = 0;
    for (i; i < items.length; i++) {
     items[i].onclick = function(e){
      alert(i);
     };
    }
   </script>
  </body>
</html>

以上这篇深入理解JavaScript 函数就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
javascript中万恶的function实例分析
May 25 Javascript
jquery.post用法之type设置问题
Feb 24 Javascript
jQuery与JS加载事件用法分析
Sep 04 Javascript
JQuery PHP图片在线裁剪实例
Jul 27 Javascript
jQuery操作css样式
May 15 jQuery
React-Native做一个文本输入框组件的实现代码
Aug 10 Javascript
详解JS中的this、apply、call、bind(经典面试题)
Sep 19 Javascript
vue checkbox 全选 数据的绑定及获取和计算方法
Feb 09 Javascript
微信小程序上传图片功能(附后端代码)
Jun 19 Javascript
Bootstrap 模态框自定义点击和关闭事件详解
Aug 10 Javascript
基于redis的小程序登录实现方法流程分析
May 25 Javascript
vue用elementui写form表单时,在label里添加空格操作
Aug 13 Javascript
Node.js的Web模板引擎ejs的入门使用教程
Jun 06 #Javascript
javascript url几种编码方式详解
Jun 06 #Javascript
ionic js 复选框 与普通的 HTML 复选框到底有没区别
Jun 06 #Javascript
ionic js 模型 $ionicModal 可以遮住用户主界面的内容框
Jun 06 #Javascript
JavaScript sort数组排序方法和自我实现排序方法小结
Jun 06 #Javascript
深入理解逻辑表达式的用法 与或非的用法
Jun 06 #Javascript
基于JS实现数字+字母+中文的混合排序方法
Jun 06 #Javascript
You might like
使用cookie实现统计访问者登陆次数
2013/06/08 PHP
带密匙的php加密解密示例分享
2014/01/29 PHP
Javascript中的数学函数
2007/04/04 Javascript
DD_belatedPNG,IE6下PNG透明解决方案(国外)
2010/12/06 Javascript
NodeJS 模块开发及发布详解分享
2012/03/07 NodeJs
Extjs优化(一)删除冗余代码提高运行速度
2013/04/15 Javascript
js遍历子节点子元素附属性及方法
2014/08/19 Javascript
JavaScript获取function所有参数名的方法
2015/10/30 Javascript
Sublime Text 3常用插件及安装方法
2015/12/16 Javascript
jQuery ajax调用后台aspx后台文件的两种常见方法(不是ashx)
2016/06/28 Javascript
老生常谈JavaScript中的this关键字
2016/10/01 Javascript
基于bootstrap的选择框插件icheck
2016/12/23 Javascript
AngularJS之ionic 框架下实现 Localstorage本地存储
2017/04/22 Javascript
微信小程序时间标签和时间范围的联动效果
2019/02/15 Javascript
angular4+百分比进度显示插件用法示例
2019/05/05 Javascript
jquery validate 实现动态增加/删除验证规则操作示例
2019/10/28 jQuery
Js图片点击切换轮播实现代码
2020/07/27 Javascript
[01:31:02]TNC vs VG 2019国际邀请赛淘汰赛 胜者组赛BO3 第一场
2019/08/22 DOTA
[02:17]快乐加倍!DOTA2食人魔魔法师至宝+迎霜节活动上线
2019/12/22 DOTA
Python中多线程thread与threading的实现方法
2014/08/18 Python
python正向最大匹配分词和逆向最大匹配分词的实例
2018/11/14 Python
Python3 pandas 操作列表实例详解
2019/09/23 Python
40个你可能不知道的Python技巧附代码
2020/01/29 Python
关于box-sizing的全面理解
2016/07/28 HTML / CSS
PHP开发的一般流程
2013/08/13 面试题
创立科技Java面试题
2015/11/29 面试题
男方父母婚礼答谢词
2014/01/25 职场文书
五年级音乐教学反思
2014/02/06 职场文书
拓展训练激励口号
2014/06/17 职场文书
2014年客房服务员工作总结
2014/11/18 职场文书
2015年清明节扫墓演讲稿
2015/03/18 职场文书
委托书范本格式
2019/04/18 职场文书
创业不要错过,这4种餐饮新模式
2019/07/18 职场文书
mysql5.7使用binlog 恢复数据的方法
2021/06/03 MySQL
Netty分布式客户端接入流程初始化源码分析
2022/03/25 Java/Android
微信小程序 WeUI扩展组件库的入门教程
2022/04/21 Javascript