当前位置：首页 > news >正文

前端知识复习一

news 2025/7/9 1:33:08

1.页面导入样式时，使用link和@import有什么区别？

link属于html标签，@import是css提供的。
页面加载的同时，link同时也会加载；@import引用的css等到页面加载完再加载

2.js函数有哪几种声明方式？

表达式和声明式两种

函数声明式写法：function test(),这种写法会导致函数提升，所有通过function声明的变量都会被解释器优先编译，不管声明在什么位置都可以调用它，但是她本身并不会被执行。
函数表达式写法:var test = function(){},这种写法不会导致函数提升，必须先声明后调用。

test()//报错 TypeError:test is not a function
var test = function(){console.log("测试")
}

区别

函数声明式变量会声明提前，函数表达式变量不会声明提前
函数声明中的函数名是必需的，而函数表达式中的函数名是可选的
函数表达式可以在定义的时候直接在表达式后面加（）执行，而函数声明则不可以

function f00(){console.log('测试声明式')
}()//unexpected tokenvar foo = function(){console.log('测试表达式')
}();//测试

自执行函数即使带有函数名，它里面的函数还是属于函数表达式

(function foo(){console.log('自执行函数')
})();//自执行函数

3.说说对“立即执行函数”的理解

JS立即执行函数模式是一种语法，可以让你的函数在定义后立即被执行，这种模式本质上就是函数表达式（命名的或者匿名的），在创建后立即执行。

常见的两种写法

匿名函数包裹在一个括号运算符中，后面跟一个小括号

(function(){//.....
})()

匿名函数后面跟一个小括号，包裹在一个括号运算符中

(function(){//....
}())

注意：

函数体后面要有小括号
函数体必须是函数表达式而不能是函数声明

好处

不必为函数命名，避免污染全局变量
立即执行函数内部形成了一个单独的作用域，可以封装一些外部无法读取的私有变量
封装变量

4.call,bind,apply的区别

apply

apply接受两个参数，第一个参数是this的指向，第二个参数是函数接受的参数(数组形式传入)

改变this指向后原函数立即执行，此方法只是临时改变this指向一次

function fn(...args){console.log(this,...args);
}
let obj = {myname:"张三"
}
fn.call(obj,[1,2]);//this会变成传入的obj，传入的参数必须是一个数组
fn(1,2);//this指向window

当第一个参数为null、undefined时，默认指向window（在浏览器中）

fn.apply(null,[1,2]);//this指向window
fn.apply(undefined,[1,2]);//this指向window

call

call方法的第一个参数也是this的指向，后面传入的是一个参数列表

跟apply一样，改变this指向后原函数会立即执行，且此方法只是临时改变this指向一次。

function fn(...args){console.log(this,...args);
}
let obj = {myname:"张三"
}
fn.call(obj,1,2);//this会变成传入的obj，传入的参数必须是一个数组
fn(1,2);//this指向window

当第一个参数为null、undefined时，默认指向window（在浏览器中）

fn.call(null,1,2)//this指向window
fn.call(undefined,1,2)//this指向window

bind

bind和call很相似，第一个参数也是this的指向，后面传入的也是一个参数列表（这个参数列表可分多次传入）

改变this指向之后不会立即执行，而是返回一个永久改变this指向的函数。

function fn(...args){console.log(this,args);
}
let obj = {myname:"张三"
}
const bindFn = fn.bind(obj);//this也会变成传入的obj，bind不是立即指向需要执行一次
bindFn(1,2);//this指向obj
fn(1,2);//this指向window