2020-面试题整合(js)

忘是亡心i 2023-06-25 08:15 21阅读 0赞

# 1.介绍js有哪些常用内置对象。 #

> 1.String(字符串),  
> 2.Number,  
> 3.Boolean（布尔对象）,  
> 4.Function(函数对象),  
> 5. Array(数组),  
> 6. Math,  
> 7. Object,  
> 8. RegExp（正则表达式对象）,  
> 9.Date(日期对象)，  
> 10.Error(异常对象)

# 2.bom对象 #

> 1.window(核心)  
> 2.document对象  
> 3.location对象（当前页面地址）  
> 4.navigation对象（浏览器本身相关信息）  
> 5.screen对象（屏幕相关）  
> 6.history对象（浏览器历史相关）

# 3.JavaScrip的一些编写原则 #

> 1、不要在同一行声明多个变量  
> 2、使用===或!==来比较  
> 3、使用字面量的方式来创建对象、数组，替代new Array这种形式  
> 4、switch语句必须要带default分支  
> 5、fon-in循环中的变量，用var关键字说明作用域，防止变量污染  
> 6、三元表达式可以替代if语句  
> 7、比较数据类型以下6中情况是false，其他都是true------false、""、0、null、undefined、NaN  
> 8、数据类型检测用typeof，对象类型检测用instanceof 9、异步加载第三方的内容 10、单行注释//，多行注释/\*\*/  
> …

# 4.dom对象与jQuery对象转换 #

> 4.1 dom转jQuery dom对象如下：  
> var $dom = $(dom);  
> 4.2 jQuery对象转dom对象  
> var dom = $dom\[0\];  
> var dom = $dom.get(0);

# 5正则相关\[i不区分大小写，g匹配全部数据\] #

var str = "Hello word!  I think word is good.";

## 5.1替换str中的word为‘javascript’ ##

> str = str.replace(/word/ig, “javascript”);

## 5.2判断str中是否包含word ##

> /word/ig.test(str)

## 5.2获取str中的所有word ##

> str.match(/weaver/ig)

# 6 js选择器 #

## 6.1选择select的值【假定select的id为slt】 ##

> $("\#weaver option:selected").val()获取value $("\#weaver  
> option:selected").text()//获取文本值

## 6.2选择id为test的元素的文本内容 ##

> $("\#test").val(); // jQuery("\#test").val();  
> docunment.getElementById("test)

# 7 jq的$(function()\{\})与window.onload的区别 #

> $(function()\{\})不会被覆盖，而window.onload会被覆盖（**页面资源全部加载完毕后执行**）  
> $(function()\{\})在window.onload执行前执行的

DOM文档加载步骤：

> 1.解析HTML结构  
> 2.加载外部的脚本和样式文件  
> 3.解析并执行脚本代码  
> 4.构造HTML DOM模型//执行ready  
> 5.加载图片等二进制资源  
> 6.页面加载完毕，执行window.onload

# 8闭包问题 #

## 8.1输出下列结果 ##

for (var j = 0; j < 2; j++) {  
    		function f(){ 
    			console.log(j)
    		};
    		f();
    		setTimeout(()=>{ 
    			console.log(j);
    		}, j); 
    	}
    
    	0 1 2 2

## 8.2 请填写下列运行结果 ##

# 9 给数组去重 #

# 10 统计字符串中字母个数 #

# 11 数据交互 #

原生数据交互，post方法【可能用到方法或对象XMLHttpRequest、ActiveXObject、onreadystatechange、setRequestHeader】

Ajax

$.ajax({ 
    	type:'POST', // 规定请求的类型（GET 或 POST）
    	url:uploadV, // 请求的url地址
    	dataType:'json', //预期的服务器响应的数据类型 
    	data:{ },//规定要发送到服务器的数据
    	beforeSend:function(){  //发送请求前运行的函数（发送之前就会进入这个函数）
    	},
    	success: function(result){  // 当请求成功时运行的函数
    	},
    	error:function(result){  //失败的函数
    	},
    	complete:function(){  //请求完成时运行的函数（在请求成功或失败之后均调用，即在 success 和 error 函数之后，不管成功还是失败 都会进这个函数）
    	}
    });

fetch调用fetch函数，传入接口url，然后返回一个promise（response）

fetch('https://www.baidu.com')
      	.then(function(res) { 
       		成功
      	},function(){ 
    		失败
    	});

# 12 es6新特性 #

> 1.块级作用域变量let，const  
> 2.新增基本数据类型Symbol  
> 3.结构赋值  
> 4.给形参设置默认值&箭头函数  
> 5.对象或者数组的展开符 …  
> 6.String的include方法  
> 7.Array新增API：isArray/from/of 和新增方法：entries()/kes()/values()等  
> 8.增加class语法糖  
> 9.新增模块化（import/export）  
> 10.新增Map，Set数据结构  
> 11.模板字符串  
> 12.for…of 和 for…in

# 13 react或vue常用生命周期方法(钩子函数)(二选一) #

react：
    		render()
    		constructor()
    		componentWillMount() 
    		componentDidMount()
    		shoudComponentUpdate()
    		conponentWillReceiveProps()
    		componentWillUpdate()
    		componentDidUpdate ()
    		componentWillUnmount ()
    	vue（钩子函数）:
    		beforeCreate()
    		create()
    		
    		beforeMount()
    		mountend()
    		
    		beforeUpdate()
    		update()
    		
    		beforDestroy()
    		destroy()

--------------------

继续补充中…