<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
.box p{
color: black;
}
div.text{
color: red;
10px;
box-sizing: border-box;
padding: 3px;
}
</style>
<script>
this.b='2';
function abc(){
let b=1;
++b;
setTimeout(()=>{
test('fun test');
},0);
setTimeout(
test('test fun'),1000
);
console.log(b);
function test(str){
console.log(this.b)
this.b++;
console.log(str);
console.log(this.b)
console.log(this.b++);
}
}
abc();
</script>
</head>
<body>
<div class="box">
<p class="text">Welcome to Hetl</p>
</div>
</body>
</html>
考察:
1.下面文字的颜色与其所在盒子的实际宽度:' red , 视图宽度
2.js运行输出?
2 test fun 3 3 2 4 fun test 5 5
请实现如下语法功能:(5).plus(3).minus(2)=6;
考察点:链式调用;
Number.prototype.plus = function (num) { // 注:箭头函数会将this指向window
return this + num
}
Number.prototype.minus = function (num){
return this - num
}
var a = (5).plus(3).minus(2);
console.log(a)