JS笔记

JS笔记

JavaScript部分
要点： 自定义事件、模板引擎

1.js的几种数据类型？

字符串、数字、布尔、对象、Null、Undefined，symbol

2.typeof下的类型都有什么？

string、number、boolean、function、object、Undefined，symbol

3.js的常见内置对象类？

Date,Array,Math、Number、Boolean、String、Array、RegExp、Function...

4.创建一个对象

  function Person(name, age) {
    this.name = name;
    this.age = age;
    this.sing = function() { alert(this.name) } 
  } 

5.谈谈This对象的理解。

this是js的一个关键字，表示当前对象，this的指向是根据调用的上下文来决定的，默认指向window对象，随着函数使用场合不同，this的值会发生变化。
1.对象函数调用，哪个对象调用就指向哪个对象
2.使用 new 实例化对象，在构造函数中的this指向实例化对象。
3.使用call或apply改变this的指向
4.用于区分全局变量和局部变量，需要使用this
var age=20;
function show(age){
this.age=age;
}

6.失去精度原因

浮点数:
0.1 >> 0.0001 1001 1001 1001…（1001无限循环）
0.2 >> 0.0011 0011 0011 0011…（0011无限循环）
看似有穷的数字, 在计算机的二进制表示里却是无穷的，由于存储位数限制因此存在“舍去”，精度丢失就发生了。

7.null和undefined的区别？

null和undefined都表示没有内容，是空值，null是数值类型当中最小的，可以和其他数值进行转化，它的类型属于null，而undefined不可以进行转化，一般用作语义提示，表示控制，属于undefined类型

8.图片预加载

一张图片的预加载
var img=new Image();
img.addEventListener(“load”,loadHandler);
img.src="./img/1.jpg";
document.body.appendChild(img);
console.log(img.width)；
function loadHandler(e){
console.log(img.width);//当前图片的原始宽度
}
load预加载
var num=1;
var list=[];
loadImage();
function loadImage(){
var img=new Image();
img.addEventListener(“load”,loadHandler);
img.src="./img/"+num+".jpg";
}
function loadHandler(e){
list.push(this.cloneNode());//复制当前图片元素
num++;
if(num>100){console.log(list);return;}
this.src="./img/"+num+".jpg"; //修改地址继续后触发load事件
}
生成器函数实现预加载
function loadImage(src){
return new Promise(function(resolve,reject){
let img=new Image();
img.οnlοad=function(){
resolve(img);//加载时执行resolve函数
}
img.οnerrοr=function(){
reject(src+‘这个地址错误’);//抛出异常时执行reject函数
}
img.src=src;
})
}
function* fn(){
for(let i=1;i<100;i++){
yield loadImage("./img/"+i+".jpg");
}
}
let s=fn();
let value=s.next().value;
resume();
function resume(){
value.then(img=>{
console.log(img);//打印加载的图片标签
value=s.next().value;
if(value)resume();
}); }
async/await预加载图片
function loadImage(src){
let p=new Promise(function(resolve,reject){
let img=new Image();
img.οnlοad=function(){//加载时执行resolve函数
resolve(img); }
img.οnerrοr=function(){
reject(src); }
img.src=src;})
return p; }
async function fn(){
let arr=[];
for(let i=3;i<80;i++){
await loadImage(./img/${i}-.jpg).then(img=>{
arr.push(img);
}); }
r