JavaScript 函数
2019-09-29 14:55
85 查看
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/qq_45146082/article/details/101692468
向未声明的 JavaScript 变量分配值
JavaScript 函数
什么是JavaScript函数
JavaScript 函数语法
调用带参数的函数
带有返回值的函数
局部 JavaScript 变量
全局 JavaScript 变量
JavaScript 变量的生存期
向未声明的 JavaScript 变量分配值
什么是JavaScript函数
定义:函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>测试实例</title> <script> function myFunction() { alert("Hello World!"); } </script> </head> <body> <button onclick="myFunction()">点我</button> </body> </html>
JavaScript 函数语法
function functionname() { // 执行代码 }
当调用该函数时,会执行函数内的代码。
调用带参数的函数
调用函数时,可以向其传递值,而这些值被称为参数。参数可以在函数中使用,由“,”隔开。
例:
myFunction(argument1,argument2)
参数可以作为变量来声明。
例:
function myFunction(var1,var2) { 代码 }
实例:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <p>点击这个按钮,来调用带参数的函数。</p> <button onclick="myFunction('Harry Potter','Wizard')">点击这里</button> <script> function myFunction(name,job){ alert("Welcome " + name + ", the " + job); } </script> </body> </html>
带有返回值的函数
语法:
function myFunction() { var x=5; return x; }
实例:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <p>本例调用的函数会执行一个计算,然后返回结果:</p> <p id="demo"></p> <script> function myFunction(a,b){ return a*b; } document.getElementById("demo").innerHTML=myFunction(4,3); </script> </body> </html>
局部 JavaScript 变量
JavaScript函数在内部声明的变量是局部变量,只能在函数内部访问它。
可以在不同的函数中使用名称相同的局部变量,因为只有声明过该变量的函数才能识别出该变量。
全局 JavaScript 变量
在函数外声明的变量是全局变量,网页上的所有脚本和函数都能访问它。
JavaScript 变量的生存期
局部变量:在函数运行以后被删除。
全局变量:在页面关闭后被删除。
向未声明的 JavaScript 变量分配值
var var1 = 1; // 不可配置全局属性 var2 = 2; // 没有使用 var 声明,可配置全局属性 console.log(this.var1); // 1 console.log(window.var1); // 1 delete var1; // false 无法删除 console.log(var1); //1 delete var2; console.log(delete var2); // true console.log(var2); // 已经删除 报错变量未定义
相关文章推荐
- JavaScript面向对象笔记–对象和函数
- JavaScript入门指南---(三)、函数
- .net中前台javascript与后台c#函数相互调用问题
- javascript this 代表的上下文,JavaScript 函数的四种调用形式
- JavaScript 回调(callback)函数
- JavaScript escape() 函数
- eval()函数(javascript)
- JavaScript 20 函数的作用域
- javascript常用函数大全(二)
- javascript Arguments对象——函数的实际参数
- javascript的函数执行上下文及this
- 分享5个javascript的数字格式化函数
- JavaScript之函数的高级(二)原型链
- .net中前台javascript与后台c#函数相互调用
- javascript(js) join函数使用方法介绍
- javascript之函数直接量(function(){})()
- javascript 函数详解2 -- arguments
- JavaScript 中的 exec 函数
- JavaScript中的setTimeout和setInterval传入的函数不能带参数的解决方法
- Javascript的函数详解