JS学习总结(6)

您所在的位置:网站首页 javascript弹窗代码alert JS学习总结(6)

JS学习总结(6)

2023-08-15 09:19| 来源: 网络整理| 查看: 265

函数定义

使用函数的​主要优点​: 代码重用——定义代码一次,并使用多次,使用不同的参数多次使用相同的代码,以产生不同的结果。

function name(someone) { //函数中的代码 }

函数声明后不会立即执行,会在我们需要的时候调用到,要调用函数,从函数的名称开始,然后使用括号中的参数,一旦函数被定义, 可以根据需求进行一次或者多次调用。

function test(a, b) { return a * b; } var c = test(4, 5) // 函数调用, 返回 20 document.write(c) 函数参数 函数显式参数与隐式参数

函数显式参数在函数定义时列出。

functionName(parameter1, parameter2, parameter3) { // 代码 }

函数隐式参数(arguments)是函数调用时传递给函数真正的值。

function sum(){ return arguments[0]+arguments[1]; } sum(3, 2);//5 JavaScript 函数定义时参数没有指定数据类型。JavaScript 函数对隐藏参数(arguments)没有进行检测。JavaScript 函数对隐藏参数(arguments)的个数没有进行检测。

可以定义单个函数,并将不同的参数值(参数)传递给它。

function learn(class) { alert("学习, " + class); } sayHello("数学"); sayHello("英语"); sayHello("物理"); 多参数

可以通过逗号分隔来定义函数的多个参数。

function test(x, y) { // 代码 }

如果使用缺少参数(少于声明数)调用函数,则将缺少的值为undefined,这表示未为变量赋值。

JavaScript 作用域 作用域是可访问变量的集合。在 JavaScript 中, 对象和函数同样也是变量。在 JavaScript 中,作用域为可访问变量,对象,函数的集合。 JavaScript 局部作用域

变量在函数内声明,变量为局部作用域,局部变量只能在函数内部访问。

function test() { var class = "math"; // 函数内可调用 class 变量 }

因为局部变量只作用于函数内,所以不同的函数可以使用相同名称的变量。局部变量在函数开始执行时创建,函数执行完后局部变量会自动销毁。局部变量的优先级高于同名的全局变量。

var class = 'math'; function test() { var class = "computer"; document.write(class); // class 值为computer }

函数参数只在函数内起作用,是局部变量。

JavaScript 全局变量

变量在函数外定义,即为全局变量,全局变量有全局作用域,网页中所有脚本和函数均可使用。

JavaScript 变量生命周期

JavaScript 变量生命周期在它声明时初始化,局部变量在函数执行完毕后销毁,全局变量在页面关闭后销毁。

return 语句

return 语句在函数中是可选的。它用于从函数返回值,当JavaScript执行完 return 语句时,该函数停止执行,如果没有从函数返回任何东西,它将返回 undefined 。

弹出框

JavaScript提供三种类型的弹出框,Alert, Prompt, 和 Confirm。

Alert 警告框

当弹出警报框时,用户必须单击“确定”继续,警报功能采用单个参数,即弹出框中显示的文本,使用 alert 弹出框,将阻塞整个页面的运行,点击确定后才继续运行

alert("尝试一下\n警告框");

要在警告框中显示换行可以使用 \n : 在这里插入图片描述

Prompt 框

通常使用提示框来让用户输入一个值,当弹出提示框时,输入输入值后,用户将不得不单击“确定”或“取消”继续,如果用户单击确定,该框将返回输入值。如果用户单击取消,该框将返回null。 prompt()方法有两个参数

第一个是要在文本框中显示的标签。第二个是在文本框中显示的默认字符串(可选)。 var user = prompt("请输入你的颜值:"); alert(user);

在这里插入图片描述

Confirm 框

经常使用 confirm 让用户验证或接受某些内容。当弹出确认框时,用户必须单击“确定”或“取消”继续。 在这里插入图片描述 如果用户单击确定,该框将返回true。 在这里插入图片描述 如果用户单击取消,该框将返回false。 在这里插入图片描述

var result = confirm("你确定要放弃治疗?"); if (result == true) { alert("祝你好运!"); } else { alert("感谢你继续看我的博客!"); }

在这里插入图片描述



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3