JavaScript基础知识 |
您所在的位置：网站首页 › js函数定义的三种方式 › JavaScript基础知识 |
JavaScript基础知识
|
JavaScript基础知识-三种定义函数的定义方式 作者：尹正杰 版权声明：原创作品，谢绝转载！否则将追究法律责任。
一.JavaScript源代码 DOCTYPE html> JS的三种函数定义方式 /** * 函数(function)的特点: * (1)函数也是一个对象，函数可以封装一些功能(代码)，在需要时可以执行这些功能(代码)。 * (2)使用函数可以提高代码的复用性; * (3)可以降低维护成本(假设你在一个项目中有10个文件中使用的相同的代码，使用函数的话仅对该函数维护即可); */ /** * 下面使用的是构造函数来创建一个函数对象，我们可以将要执行的代码以字符串的形式封装在函数的构造方法中。 * 遗憾的是，我们在生产环境中，很少使用这种方式来构造函数，而是使用函数声明的方式来定义函数。 */ var add = new Function("console.log('Hello World!');"); console.log(add); console.log(typeof add); // 使用typeof检查一个函数对象时，会返回"function" add(); //封装在函数中的代码不会立即执行，函数的代码会在调用的时候执行(所谓的调用就是在函数名后面加上小括号即可)。 /** * 使用函数表达式来创建一个函数,语法格式为: * var 函数名 = function([形参1,形参2,...形参N]){ * 代码块... * } */ var add2 = function () { console.log("In add2") } console.log(add2); add2(); //调用函数 /** * 使用函数声明来创建一个函数对象，语法格式为: * function 函数名称([形参1,形参2,...形参N]){ * 代码块... * } */ function add3() { console.log("In add3 ..."); document.write("In add3 ..."); // alert("In add2 ..."); } console.log(add3); add3(); //调用函数
二.浏览器打开以上代码渲染结果
|
【本文地址】
今日新闻 |
推荐新闻 |