1 .JS可以将函数赋给一个变量，例如
function addOne(num) {
return num + 1;
}
var plusOne = addOne;
var result = plusOne(1);
返回2
2. JS 还可以创建函数时不指定函数名，例如：
var f = function(num) {
return num + 1;
};
var result = f(1);
函数实际上是一个值，你知道可以把值存储在变量或者数组中，可以将值作为一个参数传递给函数，还可以把值赋值给对象的属性。
因此在JS中window.onload加载函数时就可以这么写：
//当成初始化的函数
window.onload = function() {
//init
}
3.javascript对象的秘密
Javascript创建对象
var fido = {
name:"Fido",
weight:40,
breed:"Mixed",
loves:["walks", "fetching balls"]
}; //注意这个对象后面要加分号
这个对象有四个属性，name,weight,bread和loves,
每个属性用一个逗号分隔，不是分号。
- 使用点记法访问对象属性。
fido.weight - 使用一个串结合[]记法访问属性。
fido["breed"] - 改变属性的值。
fido.weight = 27 - 枚举对象的所有属性。
for(var prop in fido){ } - 处理对象的数组。
var likes = fido.loves - 向函数传入一个对象。
function bark(dog) {
if(dog.weight > 25) {
alert("WOOF");
}
}
bark(fido);
- 添加属性，要向一个对象增加属性，只需要为一个新属性赋一个值，如下
fido.age = 5;
- 删除属性，可以使用delete关键字删除任何属性。如果删除后，在使用这个属性，会计算为undefined.如果删除成功，delete表达式会返回true;
delete fido.age;
将一个对象赋值给变量，这个变量会包含这个对象的一个引用，而不是对象本身，可以把引用想成是对象的指针
- 对象中也可以增加行为，即增加一个函数或者成为方法。例如:
var fido = {
name:"Fido",
weight:40,
breed:"Mixed",
loves:["walks", "fetching balls"]
bark: function() {
alert("woof woof!") //使用匿名函数
}
}; //注意这个对象后面要加分号
使用构造函数创建对象
下面先为狗建立一个构造函数，它有名字，品种和重量属性，另外还有一个犬叫方法。
function Dog(name, breed, weight) {
this.name = name;
this.breed = breed;
this.weight = weight;
this.bark = function() {
if(this.weight > 25) {
...
}else {
...
}
}; //注意：这个方法后面要使用分号
}
86行 构造函数命名首字母要大写，跟类一样。其形参取我们希望的对象属性值。
87-90行表示我们把对象属性初始化为传入构造函数的值。属性名和形参名不要求相同，不过他们通常是一样的，这也是一个约定。
注意：这个语法与对象语法有所不同。这些是语句，所以需要用”;“结束个语句,就像我们通常在函数中的做法一样
- 使用构造函数时需要创建对象，如：
var fido = new Dog("Fido", "Mixed", 38);
fido.bark();
在方法中，this就代表哪个对象调用这个方法，这个方法中的this就代表这个对象，可以使用this.属性来获取属性的值。
window对象
window对象表示你的javaScript程序的全局环境，同时还表示应用的主窗口。
windows的几个重要的属性
window属性
- location 包含页面的URL,如果改变这个属性，浏览器会访问新的URL
- Status包含将在浏览器状态区显示的一个串
- onload属性包含了页面完全加载时要调用的函数。
- document属性包含DOM
window方法
- alert 方法会显示一个提醒。
- Prompt 类似于Alert，只不过会从用户得到信息
- open 打开一个新的浏览器窗口。
- close 关闭窗口
- setTimeout 制定的时间间隔后调用一个处理程序
- setInterval 以一个制定时间间隔反复调用一个处理程序。
window对象相当于你的全局环境，所以即使没有在前面加上window,window的属性或方法名也能顺利解析。
document对象
document对象用来访问DOM的对象，他是window对象的一个属性
document的属性
- domail 属性是提供文档的服务器的域
- title 通过document.title 可以使用title属性得到文档的标题
- URL URL就是文档的URL
document的方法
- getElementById 这个方法可以根据元素id获取这个元素
- getElementByTagName 使用标记获取元素
- getElementByClassName 使用类获取元素
- createElement 创建适合包含在DOM中的元素
元素对象
通过getElementById方法获取的元素也是一个对象。
元素的属性
- innerHTML 在这个元素中插入值
- childElementCount 元素有多少个子元素
- firstChild 获取第一个子元素
元素的方法
- appendChild
- insertBefore
- setAttribute
- getAttribute
可以使用方法appendChild和insertBefore向DOM中插入新元素，作为这个元素的子元素
可以使用setAttribute和getAttribute来设置和获取元素中的属性，比如‘‘src’’,"class"和“id”
知行办公，专业移动办公平台https://zx.naton.cn/
【总监】十二春秋之，3483099@qq.com；
【Master】zelo，616701261@qq.com；
【运营】运维艄公，897221533@qq.com；****
【产品设计】流浪猫，364994559@qq.com；
【体验设计】兜兜，2435632247@qq.com；
【iOS】淘码小工，492395860@qq.com；iMcG33K，imcg33k@gmail.com；
【Android】人猿居士，1059604515@qq.com；思路的顿悟，1217022114@qq.com；
【java】首席工程师MR_W，feixue300@qq.com；
【测试】土镜问道，847071279@qq.com；
【数据】fox009521，42151960@qq.com；
【安全】保密，你懂的。
网友评论