官方网站下载微信,东莞网络优化哪家公司好,桂林最近发生的重大新闻,网站设计 网站开发 优化基本语法
function 关键字#xff1b;函数名#xff0c;应简明扼要且具有描述性#xff0c;没有函数名就是匿名函数#xff1b;参数列表#xff0c;个数≥0#xff0c;小括号不能省略#xff1b;函数体。
/* 基本语法 */
function 函数名(参数) { 函数体 }声明与调用 …基本语法
function 关键字函数名应简明扼要且具有描述性没有函数名就是匿名函数参数列表个数≥0小括号不能省略函数体。
/* 基本语法 */
function 函数名(参数) { 函数体 }声明与调用
通过 function 声明创建一个函数基本语法如上所示通过 函数名(相应参数) 进行调用。
function isPrime(n) {for (let i 2; i n / 2; i) {if ( n % i 0) return false;}return true;
}isPrime(11)
isPrime(111)返回值
通过 return needed 返回需要的数据通过 return ; 返回空空也是一个数据null/undefined严格来说是未定义undefined函数体执行完 return 语句后立即结束调用并返回数据。
function one() { return 1; }
function nothing() { return ; } // 亦或是 function nothing() { }
one() 1 // true
nothing() null // true
nothing() undefined // true 严格等于匿名函数
没有函数名的函数一般声明后立即调用通过函数表达式赋值给一个变量后续调用常用于响应事件触发如按钮点击事件。
myButton.onclick function () { alert(Push); } // myButton 需先建立函数表达式 - 另一种函数的创建方式
通过 function 引导的函数表达式同时也就是匿名函数箭头函数也是一个函数表达式将函数表达式赋值给一个变量这个变量就成为了可以被调用的函数了无论哪一种函数创建的方式得到的函数都是一个“值” 既可以被赋值等操作也可以作为函数的参数称为回调函数回调。
/* 下面三种函数的创建是等效的 */
function f() { return 1; }
let f function () { return 1; }
lst f () { return 1; }
f() // 1let g f;/* 函数作为参数 */
function showYourFunc(n, fn) {if (fn ! undefined) alert(fn);else alert(n)
}
showYourFunc(111, ) // 弹窗显示111
showYourFunc(111, function() { /* 这是一个回调但是没有内容只有注释 */ }) // 弹窗显示回调函数箭头函数 - 一个特别的函数表达式
一个创建函数的更加简洁的方式基本语法如下 表达式可执行所以是一个语句 语句有值undefined所以也是一个表达式。 /* 函数体只有一个语句 */
() 单个语句
单个参数 单个语句
(单个参数) 单个语句
(参数1, 参数2) 单个语句
/* 函数体有多个语句使用{} */
() { 多个语句 }
单个参数 { 多个语句 }
(单个参数) { 多个语句 }
(参数1, 参数2) { 多个语句 }箭头函数也是一个函数表达式只能通过赋值给一个变量后续才能被调用不需要 function 的引导关键部分是箭头 这是一个复合符号中间不能有空格注意点 箭头前不能换行参数只有一个时() 可以省略参数零个或多个时()不能省略函数体只有一个语句时{} 可以省略函数体有多个语句时{} 不能省略不能用作方法没有参数对象this 指向外层的对象不能用作构造函数不能用作生成器。
let f1 () alert(这是一个箭头函数);
let f2 n n * 2;
let f3 (n) n * 2;
let f4 (...[a, b, c]) a b c // 解构: ...[a, b, c] a, b, c
f1() undefined // true
f2(5) 10 // f3(5)
f4(1, 2, 3)let g1 () { alert(111); console.log(111); }
let g2 n { if (n 2) return 1; else return g2(n-1) g2(n-2); } // 斐波那契数列
let g3 (n) { if (n 2) return 1; else return g2(n-1) g2(n-2); }// 斐波那契数列
let g4 (a, b) {if (a b) return a;else if (a b) return g4(a, b - a);else return g4(a - b, b) // 辗转相除法
} // 求最大公约数
g1() undefined // true
g2(4) 3 // g3(4)
g4(121, 11) // 11函数声明 VS 函数表达式
函数声明存在变量提升所以可先调用再声明但不能重复声明可以赋值给其他变量函数表达式必须创建后才能开始被调用一般是即刻调用的场景可以进行不同的或重复的赋值操作。
函数参数
在声明中称 parameter在调用时argument加入参数可以实现更复杂的逻辑功能参数可以是任何数据包括对象、数组、函数等可以将函数体简化。
function calc(a, b, operator) {const ops [, -, *, /, **, %]if (ops.includes(operator)) {return eval(${a}${operator}${b});}return a b;
}默认值
function name(parameter1默认值1, parameter2默认值2) { 函数体 }旧 JS 需要在函数体里提供默认值新 JS 可以在参数列表中直接给出没有自定义的话 也有默认值是 undefined。
/* 旧 JS 的手段 */
function f(p) {if (p undefined) p 1; // 以下两种亦可以// p p || 1// p p ?? 1
}/* 新 JS 的手段 */
function f(p 1) {
}剩余参数
语法...restParameter放在参数列表的最后一个注意... 起解构作用的优先级高所以 ...[c, d] 会被解构成 c, d这样就失去意义了。
function f(a, b, ...restParameter) { // restParameter只是一个名字也可以叫其他的let s 0;for (const rp of restParameter) {s rp;}return a b s;
}
f(1, 2) // 3
f(1, 2, 3) // 6
f(1, 2, 3, 4) // 10function g(a, b, ...[c, d]) { // 等效于 function g(a, b, c, d)return a b c d;
}解构与解构赋值
解构与组构、解包与打包等成双成对的概念举一反三是很简单的解构是一个动作背后是一个函数理解常见的场景案例更多语法。
/* 简单的解构赋值 */
let [a, b] [1, 2] // a1 b2/* 挑选的解构赋值 */
let [a, b] [1, 2, 3] // a1 b2 挑取前两个
let [a, , b] [1, 2, 3] // a1 b3 挑第一、三个/* 有默认值的解构赋值 */
let [a1, b] [, 2, 3] // a1 b2 a有默认值
let [a1, b] [null, 2, 3] // a1 b2 a有默认值
let [a1, b] [undefined,2]// a1 b2 a有默认值/* 带有剩余的解构赋值 */
let [a, b, ...rest] [1, 2, 3, 4, 5] // rest[3, 4, 5]
let [a, ,b, ...rest] [1, 2, 3, 4, 5] // rest[4, 5]/* 带有参数解构的解构赋值...[c, d]先被解构成 c,d */
let [a, b, ...[c, d]] [1, 2, 3, 4, 5] // c3, d4
let [a, ,b, ...[c, d]] [1, 2, 3, 4, 5]// c4, d5/* 一般对象的解构赋值数组是一个特别的对象 */
let {a, b} { a: 1, b: 2 } // a1, b2, 名字相同则取值否则undefined
let {a1, b1} { a: 1, b: 2 } // a1b1undefined作用域
局部变量局部作用域里的变量全局变量全局作用域里的变量一般只有项目级的、公共的变量才会定义在全局 内部变量块内部的变量像函数等一些块的内部变量只能作用在块内外部变量不被块限制的变量常常是全局变量也可以是从其他地方导入的变量一般可以在块内部被操作如循环体、函数体等都可以对外部变量进行操作。 给函数注释
函数专用的注释方法记录用法、参数和返回值。
/*** 返回 x 的 n 次幂的值。** param {number} x 要改变的值。* param {number} n 幂数必须是一个自然数。* return {number} x 的 n 次幂的值。*/
function pow(x, n) {...
}
