牛客网刷题笔记（第二天）

1.a标签页面不跳转

1.标签属性href，使其指向空或不返回任何内容

<a href="javascript:void(0);" >点此无反应javascript:void(0)</a>
<a href="javascript:;" >点此无反应javascript:</a>

2.标签事件onclick，阻止其默认行为

<a href="" onclick="return false;">return false;</a>
<a href="#" onclick="return false;">return false;</a>

注意：如果href属性中只有一个#是不可以的，#默认为当前页面，实现了页面跳转

2.DHTML

DHTML是Dynamic HTML的简称，就是动态的HTML（标准通用标记语言下的一个应用），是相对传统的静态的HTML而言的一种制作网页的概念。

HTML只是HTML、CSS和客户端脚本的一种集成，即一个页面中包括html+css+javascript(或其它客户端脚本)
html+css+javascript（或其他脚本）的优点：html确定页面框架，css和脚本决定页面样式、动态内容和动态定位。

3.call()和apply()

apply()方法调用一个具有给定this值的函数，以及作为一个**数组（或类似数组对象）**提供的参数。

const numbers = [5, 6, 2, 3, 7];
const max = Math.max.apply(null, numbers);
console.log(max);
// expected output: 7
const min = Math.min.apply(null, numbers);
console.log(min);
// expected output: 2

call() 方法使用一个指定的 this 值和单独给出的一个或多个参数来调用一个函数。

function Product(name, price) {
  this.name = name;
  this.price = price;
}

function Food(name, price) {
  Product.call(this, name, price);
  this.category = 'food';
}

console.log(new Food('cheese', 5).name);
// expected output: "cheese"

区别：
call()和apply()作用类似，区别在于call() 方法接受的是一个参数列表，而 ** 接受的是一个包含多个参数的数组**。

4.Javascript内置的可迭代对象

ES6 规定，默认的 Iterator 接口部署在数据结构的Symbol.iterator属性，或者说，一个数据结构只要具有Symbol.iterator属性，就可以认为是“可遍历的”（iterable）。

原生具备 Iterator 接口的数据结构如下：
Array
Map
Set String
TypedArray
函数的 arguments 对象
NodeList 对象

PS：对象（Object）之所以没有默认部署 Iterator 接口，是因为对象的哪个属性先遍历，哪个属性后遍历是不确定的，需要开发者手动指定。