流程控制语句、函数的参数与返回值、模板字符串与模板函数
程序员文章站
2022-03-24 09:06:46
...
流程控制语句
// 单分支
let a = 10;
if (a < 20) {
console.log(a);
}
// 双分支
if (a > 20) {
console.log(a);
} else {
console.log("小于等于20");
}
// 多分支
if (a > 20) {
console.log("大于20");
} else if (a > 15) {
console.log("大于15");
} else if (a > 10) {
console.log("大于10");
} else {
console.log("小于等于10");
}
a = 15;
switch (true) {
case a > 20:
console.log("大于20");
break;
case a > 15:
console.log("大于15");
break;
case a > 10:
console.log("大于10");
break;
default:
console.log("小于等于10");
}
switch (a) {
case 15:
console.log(a);
break;
case 20:
console.log(20);
break;
default:
console.log("object");
}
// 循环
let i = 0;
while (i < 20) {
console.log(i);
i++;
}
do {
console.log(i);
i++;
} while (i < 10);
let s = [1, 2, 3];
for (let j = 0, k = s.length; j < k; j++) {
console.log(j);
}
// for - of 迭代集合元素
const lang = ["css", "html", "js"];
// 输出数组中的 "键值" 对组成的数组
for (let item of lang.entries()) {
console.log(item);
}
// 输出 键
for (let item of lang.keys()) {
console.log(item);
}
// 输出 值
for (let item of lang.values()) {
console.log(item);
}
// 简化方法
for (let item of lang) {
console.log(item);
}
// for - in 遍历对象元素
cl = { a: 1, b: 2, c: function () {} };
for (let i in cl) {
console.log(cl[i]);
}
函数的参数与返回值
// 函数的参数
let f = (a, b) => a * b;
console.log(f(1, 2));
// 默认参数,放最后
f = (a, b = 1) => a * b;
console.log(f(3));
let s;
//将所有变量,压入一个数组
f = (...par) => (s = par);
console.log(f(1, 2, 4));
// 展开数组
console.log(...s);
// 将多余的参数压入数组c中
let ff = (a, b, ...c) => `${c}`;
console.log(ff(1, 2, 3, 4, 5, 6));
// 返回值
// 返回数组
let r = () => [1, 2, 3];
console.log(r());
// 返回对象
r = () => ({ a: 1, b: [1, 2, 3], c: function () {} });
console.log(r());
模板字符串与模板函数
// 模板字符串
let p = "html";
console.log(`${p} 语言`);
// 模板字符串可以计算
console.log(`${1 + 2}`);
// 模板字符串可以填表达式
console.log(`${1 > 2 ? "大" : "小"}`);
// 模板函数
// 就是使用模板字符串为参数的函数
// 模板字符串必须是第一个变量
function f(mu, a1, a2) {
console.log(mu);
console.log(a1);
console.log(a2);
}
// 将模板字符串中的插值作为参数传递给函数
f`这是模板字符串 ${10}${20}`;
// 优化写法
function ff(mu, ...a) {
console.log(mu);
console.log(a);
}
ff`这是优化写法 ${10}${20}${30}`;
上一篇: ajax的交互模型是什么
推荐阅读
-
c++类模板的声明与调用,与普通模板函数的区别,类模板可以有默认的参数
-
JS 流程控制(分支与循环)、函数的参数(不足、剩余)、函数返回值(返回数组与对象)、对象字面量的简化、模板字面量、模板函数
-
流程控制的分支、循环,函数的参数与返回——对象字面量的简化方案,模板字面量,模板函数
-
JS 流程控制(分支与循环)、函数的参数(不足、剩余)、函数返回值(返回数组与对象)、对象字面量的简化、模板字面量、模板函数
-
流程控制的分支、循环,函数的参数与返回——对象字面量的简化方案,模板字面量,模板函数
-
实例演示流程的分支循环和函数参数的返回值,并对对象字面量和模板字面量进行了演示,分析了模板字面量和模板函数的参数功能
-
实例演示流程的分支循环和函数参数的返回值,并对对象字面量和模板字面量进行了演示,分析了模板字面量和模板函数的参数功能
-
流程控制语句、函数的参数与返回值、模板字符串与模板函数
-
流程控制、函数的参数与返回值、对象字面量的简化、模板函数总结
-
流程控制语句、函数的参数与返回值、模板字符串与模板函数