1、函数
1.1 函数为什么可以放在文件的任何位置?
实际上,浏览器分两遍读取网页,第一遍读取所有的函数定义,第二遍开始执行代码,因此可以吧函数放在任何位置。
函数名后面加括号 表示调用函数
1.2 函数的声明方式
- 标准声明
- 函数表达式
<script type="text/javascript">
window.onload = function (){
quake(2)
fly()
}
// 标准的函数声明
function quake(num) {
for (var i =0 ;i<num;i++) {
console.log("quake: "+i)
}
}
// 函数表达式 ,fly变量存储的是函数的引用或者指针
var fly = function(){
console.log("I can fly!")
}
</script>
2、对象
2.1 如何创建对象
//添加一个对象变量声明
//接下来,使用左花括号开启对象定义
var chevy = {
make:"Chevy",
model:"Bel Air",
year:"1957"
}
// chevy只是一个变量,变量实际上不存储对象,变量存储的是指向对象的引用
也可以创建不包含任何属性的对象 var person = { };
试图访问不存在的属性是,返回的结果是 undefined
2.2 随时增删属性
chevy.dogYears=2;
delete chevy.dogYears;
2.3 给对象添加新的属性(方法)
var chevy = {
make:"Chevy",
model:"Bel Air",
year:"1957",
start:false,
drive: function(){
this.start =true
}
}
2.4迭代对象的属性
for(var prop in chevy) {
console.log(prop+":"+chevy[prop])
}
2.5 javascript提供的对象
- Date
- Math
- RegExp
- JSON
2.6 浏览器提供的对象
- Document
- Window
- Console
3 与网页交互
3.1 网页加载完毕后运行代码
<script>
window.onload = function () {
.....
}
</script>
4、 类型
4.1 undefined
undefined表示还没有值,即没有初始化的东西。
undefined是一个值,他也有类型,它的类型就是undefined。
不能够吧undefined和字符串"undefined"混为一谈
4.2 typeof作用
typeof 用来返回操作数的类型,返回值类型是字符串
typeof obj // 可能返回“string”、“boolean”、“number”、“object” 、"undefined"等
4.3 坑人的javascript对象null
javascript诞生时的想法是用undefined表示变量还没有初始化,用null表示 在应该提供一个对象 却没法创建或者找不到时提供null。
总之null用于表示对象不存在,null的类型是object
4.4 NAN
NAN 表示无法表示的数值结果(not a number),
NAN 是javacript中唯一一个与自己不相等的家伙
NAN !=NAN
判断一个变量是否是NAN的方法 isNaN(obj)
有个地方要骂娘了,既然NAN表示not a number 但是typeof一个NAN对象,返回值是"number" 狗血!!!!
4.5 javascript相等运算符
==
如果两个变量的类型相同,那么直接比较,如果类型不同,先转换为相同的类型,再比较
=== 仅当两个变量类型和值都相等时,它们才相等
4.6 javascript中的假值
- undefined
- NaN
- null
- 0
- 空字符串
5 原型
5.1 使用原型创建对象
javascript对象可以从其它对象那里继承属性和行为,其中行为被继承的对象成为原型
5.2 为什么可以使用原型实现继承
因为javascript先从对象实例中查找属性,如果查找不到,再去原型中查找
5.3 原型从哪里来
任何对象的都具有原型属性,如果你查看对象的构造器属性 就会发现prototype属性
var obj2 = new OBJ();
console.log(OBJ)
5.4 原型是动态的
给原型添加新的属性和方法后,继承该原型的所有对象实例将立即看到它,只要它们没有重写该属性。
5.5 判断属性是在原型中定义的还是在对象实例中定义的
如果obj.hasOwnProperty(“属性名”) 返回true,说明是在对象实例中定义的,如果返回false,但是又能够访问它说明是在对象中定义的。
5.6原型链
对象不仅可以继承一个原型的属性,还以继承一个原型链。
原型链示例:
<script>
// javascript一切皆对象 包括函数、构造器、...
window.onload = function(){
var showdog = new ShowDog("金毛",3,"驯兽师1号")
showdog.bark()
showdog.show()
}
// 普通小狗原型
function Dog (name,age) {
this.age =age;
this.name = name;
}
Dog.prototype.bark = function () {
console.log(this.name+"汪汪!")
}
//表演犬原型
function ShowDog (name,age,handler) {
//this.name = name;
//this.age = age;
Dog.call(this,name,age)//复用Dog构造函数
this.handler =handler;
}
ShowDog.prototype = new Dog() // 继承普通小狗的原型
//表演犬原型增加表演方法
ShowDog.prototype.show = function () {
console.log(this.handler+"指挥着"+this.name+"表演ing!")
}
</script>
6、setTimeout
6.1 setTimeout()基本使用
setTimeout() 第一个参数可以是字符串(最好不要用,再用字符串拼接执行到的函数时候 容易报undefined,具体原因后面会说到),也可以是函数对象。
上面的写法本身没有什么太大问题 ,但是我们最好避免下全局变量的使用,因此我们可以改进下 使用原型创建对象像这样:
6.2 setTimeout原理
setTimeout属性是挂载在window对象下的,因此延时函数中的this始终都是指向window对象的(特别注意,在做亲子视频中心封面上传时 在这里浪费了很多时间)
6.3 setTimeout踩坑
一、前面说到过延时函数中的this始终都是指向window对象的
二、如果延时函数需要传递参数,如果延时函数的形参是字符串类型,那么第一个参数使用字符串拼接(形参前后需要加上单引号),那么问题不大。但是如果形参是一个对象类型,那么字符串拼接的方法便不正确,因为字符串加对象拼接后变成了[object Object] ,不满足setTimeout的第一个参数是最终变成了check(’[object Object]’),所以得不到正确的结果
因此如果延时函数需要传递参数,并且参数类型是对象 正确的写法像这样写:
setTimeout(function(){
延时函数名(形参)
},1000)
参考资料:
https://bbs.csdn.net/topics/392162289
https://www.cnblogs.com/yuqingfamily/p/5816560.html
本文所有源代码在我的资源里可以下载https://download.csdn.net/download/qq_36719449/12187386