js 基础作业总结

发布于: 2020 年 07 月 21 日

工号:01316041 姓名:左飞

题目一.判断下列语句的输出:

//①
console.log(null + undefined); //NaN
//②
console.log(null + false); //0
//③
console.log(1 + true); //2
//④
console.log(1 + '1'); //11
//⑤
console.log( 1 + 2 + '3'); //33
//⑥
console.log( 1 + (2 +'3')); //123
//⑦
console.log('s' + null); //snull
//⑧
console.log('s' + undefined); //sundefined
//⑨
console.log('s' + true); //strue
//⑩
console.log(1 + true + undefined + 's'); //NaNs
//⑩①
Date.prototype.toString = function(){
return 1;
}
Date.prototype.valueOf = function(){
return 2;
}
var a = new Date,b = new Date;
console.log(a + b);
Date.prototype.toString = function(){
     return {};
}
var c = new Date, d = new Date;
console.log(c + d);
Date.prototype.valueOf = function(){
    return {};
}
var e = new Date,f = new Date;
console.log(e + f);
//2
//4
//error

其中:

②③为基本类型运算,元素优先转number类型,且转换后元素中没有NaN和string,直接进行数值运算。

①为基本类型运算,元素优先转number类型,转换后含有NaN,number类型的值与NaN做运算都是NaN.

④⑤⑥⑦⑧⑨⑩为基本类型运算,元素中含有String类型,则其他元素转成string类型再拼接。

最后一个习题涉及3个计算:Date对象参与基础类型运算时,先调用其toString方法,如果返回的不是基础类型,再调用其valueOf方法,如果返回的还不是基础类型,则抛出错误。

问题二.用ajax写一个局部刷新的实例:

<!DOCTYPE html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>demo1.html</title>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.js"></script>
<script type="text/javascript">
$(function(){
//页面载入完毕后调用function
$("#loadBtn").click(function(){
//发送ajax请求
$.ajax({
url: "data.json", //json文件位置
type: "GET", //请求方式为get
dataType: "json", //返回数据格式为json
success: function(data) { //请求成功完成后要执行的方法
//each循环 使用$.each方法遍历返回的数据date
$.each(data.first, function(i, item) {
var str = '<div>姓名:' + item.name + '性别:' + item.sex + '</div><br>';
$("#user_show").append(str);
})
}
})
});
});
</script>
</head>
<body>
<input type="button" id="loadBtn" value="采用ajax方式加载用户信息"/>
<hr/>
<div id="user_show"></div>
</body>
</html>

运行结果:

用户头像

Geek_896619

关注

还未添加个人签名 2018.11.08 加入

还未添加个人简介

评论

发布
暂无评论
js基础作业总结