深入理解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优先加载笔记代码
Sep 30 Javascript
使用js对select动态添加和删除OPTION示例代码
Aug 12 Javascript
js使下拉列表框可编辑不止是选择
Dec 12 Javascript
Bootstrap学习笔记之css样式设计(1)
Jun 07 Javascript
JavaScript常见的五种数组去重的方式
Dec 15 Javascript
JavaScript拖动层Div代码
Mar 01 Javascript
Jquery EasyUI $.Parser
Jun 02 jQuery
webpack学习--webpack经典7分钟入门教程
Jun 28 Javascript
jQuery选择器中的特殊符号处理方法
Sep 08 jQuery
mpvue写一个CPASS小程序的示例
Sep 04 Javascript
轻量级富文本编辑器wangEditor结合vue使用方法示例
Oct 10 Javascript
vue 开发企业微信整合案例分析
Dec 02 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
做个自己站内搜索引擎
2006/10/09 PHP
php强制更新图片缓存的方法
2015/02/11 PHP
php-fpm超时时间设置request_terminate_timeout资源问题分析
2019/09/27 PHP
yii 框架实现按天,月,年,自定义时间段统计数据的方法分析
2020/04/04 PHP
PHP number_format函数原理及实例解析
2020/07/14 PHP
javascript 面向对象编程基础:继承
2009/08/21 Javascript
js跨浏览器实现将字符串转化为xml对象的方法
2013/09/25 Javascript
基于javascript的JSON格式页面展示美化方法
2014/07/02 Javascript
Javascript基础_简单比较undefined和null 值
2016/06/14 Javascript
JavaScript插件Tab选项卡效果
2017/11/14 Javascript
Bootstrap实现下拉菜单多级联动
2017/11/23 Javascript
详解JS模块导入导出
2017/12/20 Javascript
Koa代理Http请求的示例代码
2018/10/10 Javascript
Vue使用预渲染代替SSR的方法
2020/07/02 Javascript
使用Vant完成Dialog弹框案例
2020/11/11 Javascript
Python删除windows垃圾文件的方法
2015/07/14 Python
python开发之函数定义实例分析
2015/11/12 Python
python实现读取excel写入mysql的小工具详解
2017/11/20 Python
python编程使用selenium模拟登陆淘宝实例代码
2018/01/25 Python
基于windows下pip安装python模块时报错总结
2018/06/12 Python
python编写计算器功能
2019/10/25 Python
wxPython+Matplotlib绘制折线图表
2019/11/19 Python
From CSV to SQLite3 by python 导入csv到sqlite实例
2020/02/14 Python
python 实现aes256加密
2020/11/27 Python
HTML5添加禁止缩放功能
2017/11/03 HTML / CSS
美国NBA官方商店:NBA Store
2019/04/12 全球购物
枚举和一组预处理的#define有什么不同
2016/09/21 面试题
春节请假条
2014/04/11 职场文书
小学班主任评语大全
2014/04/23 职场文书
给校长的建议书400字
2014/05/15 职场文书
超市客服工作职责
2014/06/11 职场文书
网络文明传播志愿者活动方案
2014/08/20 职场文书
党员教师四风问题对照检查材料
2014/09/26 职场文书
英文感谢信格式
2015/01/21 职场文书
综合测评个人总结
2015/03/03 职场文书
2015年乡镇妇联工作总结
2015/05/19 职场文书