编程 Javascript

深入理解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 函数

- Author -

jingxian

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

JavaScript 学习笔记（四）

Dec 31 Javascript

Jquery同辈元素选中/未选中效果的实例代码

Aug 01 Javascript

javascript陷阱一不小心你就中招了(字符运算)

Nov 10 Javascript

调用HttpHanlder的几种返回方式小结

Dec 20 Javascript

清除div下面的所有标签的方法

Feb 17 Javascript

javascript瀑布流布局实现方法详解

Feb 17 Javascript

javascript中错误使用var造成undefined

Mar 31 Javascript

微信小程序五星评分的实现实例

Aug 04 Javascript

JavaScript实现离开页面前提示功能【附jQuery实现方法】

Sep 26 jQuery

javaScript canvas实现(画笔大小颜色橡皮的实例)

Nov 28 Javascript

详解vue中$nextTick和$forceUpdate的用法

Dec 11 Javascript

【js设计模式】SOLID五大设计原则

Mar 24 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