typeof
typeof无论后面跟对象还是数组
其结果均为object
识别方法:
- construtor
- instanceof(原型链方法)
- toString+call
截图如下:
字符串
- 转译符号
let sam = ‘ni hao’ shanghai’;
let sam = ‘ni hao \ shanghai’;
let sam = ‘ni hao\t shanghai’; - 字符串的连接
let a = a;
let b = b;
let c =${a}+${b}
;
模板字面量嵌套使用技巧
- 模板字面量中可以调用函数
- 模板字面量中可以写dom
- 模板字面量中可以嵌套字面量
let lessons = [
{
title: "媒体查询响应式布局" },
{
title: "FLEX 弹性盒模型" },
{
title: "GRID 栅格系统" }
];
function template() {
return `
<ul>${
lessons.map(item => `<li>${
item.title}</li>`).join("")}</ul>
`;
}
document.body.innerHTML = template();
神奇的标签模板实例操作
- 字符串数量大于变量(没有就用’'来表示)
- string为字符串、value为参数
- 可以用标签函数return来实现堆变量模板的处理
let name = "abc";
let web = "def";
console.log(tag`你好${
name}123`);
function tag(strings, ...vars) {
console.log(vars)