深入理解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 相关文章推荐
asp.net HttpHandler实现图片防盗链
Nov 09 Javascript
JavaScript插入动态样式实现代码
Feb 22 Javascript
让人期待的2011年度最佳 jQuery 插件分享
Mar 16 Javascript
通过js动态操作table(新增,删除相关列信息)
May 23 Javascript
jquery checkbox实现单选小例
Nov 27 Javascript
js实现滚动条滚动到页面底部继续加载
Dec 19 Javascript
使用jquery判断一个元素是否含有一个指定的类(class)实例
Feb 12 Javascript
JavaScript中常见的八个陷阱总结
Jun 28 Javascript
JS中定位 position 的使用实例代码
Aug 06 Javascript
详解VueRouter进阶之导航钩子和路由元信息
Sep 13 Javascript
VUE-cli3使用 svg-sprite-loader
Oct 20 Javascript
js数组中去除重复值的几种方法
Aug 03 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
PHP初学入门
2006/11/19 PHP
PHP中的reflection反射机制测试例子
2014/08/05 PHP
百度实时推送api接口应用示例
2014/10/21 PHP
PHP实现文件上传与下载
2020/08/28 PHP
五段实用的js高级技巧
2011/12/20 Javascript
jquery库或JS文件在eclipse下报错问题解决方法
2014/04/17 Javascript
谷歌浏览器不支持showModalDialog模态对话框的解决方法
2014/09/22 Javascript
JavaScript6 let 新语法优势介绍
2016/07/15 Javascript
jQuery扩展+xml实现表单验证功能的方法
2016/12/25 Javascript
jquery插件treegrid树状表格的使用方法详解(.Net平台)
2017/01/03 Javascript
WebPack基础知识详解
2017/01/16 Javascript
Bootstrap进度条与AJAX后端数据传递结合使用实例详解
2017/04/23 Javascript
详解使用nvm安装node.js
2017/07/18 Javascript
vue+vue-validator 表单验证功能的实现代码
2017/11/13 Javascript
Vue引入jquery实现平滑滚动到指定位置
2018/05/09 jQuery
vue中各选项及钩子函数执行顺序详解
2018/08/25 Javascript
微信小程序实现购物页面左右联动
2019/02/15 Javascript
[00:18]天涯墨客三技能展示
2018/08/25 DOTA
[01:20:05]DOTA2-DPC中国联赛 正赛 Ehome vs VG BO3 第二场 2月5日
2021/03/11 DOTA
Python线程中对join方法的运用的教程
2015/04/09 Python
python使用socket向客户端发送数据的方法
2015/04/29 Python
基于python OpenCV实现动态人脸检测
2018/05/25 Python
python2和python3实现在图片上加汉字的方法
2019/08/22 Python
keras 如何保存最佳的训练模型
2020/05/25 Python
马来西亚奢侈品牌购物商城:Valiram 247
2020/09/29 全球购物
法国包包和行李箱销售网站:Bagage24.fr
2020/03/24 全球购物
历史学专业个人的自我评价
2013/10/13 职场文书
银行演讲稿范文
2014/01/03 职场文书
领导党性分析材料
2014/02/15 职场文书
关于保护环境的建议书
2014/05/13 职场文书
暑假打工感想
2015/08/07 职场文书
幼儿园托班开学寄语(2016春季)
2015/12/03 职场文书
八年级作文之一起的走过日子
2019/09/17 职场文书
利用Pycharm连接服务器的全过程记录
2021/07/01 Python
JavaScript组合继承详解
2021/11/07 Javascript
面试中老生常谈的MySQL问答集锦夯实基础
2022/03/13 MySQL