文献种类:专题技术总结文献;
开发工具与关键技术:DW与 JavaScript
作者: 熊江宇 ;年级:2019 ;撰写时间: 2020 年 4 月 26 日
JavaScript对象总结
开发工具与关键技术:Adobe Dreamweaver JavaScript
作者:熊江宇
撰写时间:2020年4月20日
JavaScript函数总结
/* JavaScript函数
函数function
- 函数也是一个对象
- 函数中可以封装一些功能(代码),在需要的使用可以执行这些功能(代码)
- 函数中可以保存一些代码在需要的时候调用
- 使用typeof检查一个函数对象时,会返回function,返回function的就说明这个值是函数
*/
//1.使用构造函数创建一个函数对象
//2.使用函数声明创建一个函数
//3.使用函数表达式创建一个函数/匿名函数
{//代码块
console.log(“苹果”);
console.log(“葡萄”);
console.log(“菠萝”);
}
//可以将要封装的代码以字符串的形式传递给构造函数
var fun1=new Function(“console.log(‘这是通过构造函数创建的函数’)”);
console.log(typeof fun1);
//封装到函数中的代码不会即可执行
//函数中的代码会在函数调用的时候执行
//调用函数:语法: 函数对象();
fun1();
//当调用函数时,函数中封装的代码会按照顺序执行
/*使用函数声明来创建一个函数(建议使用方式)
语法:function 函数名([形参1,形参2,…,形参N]){
//语句
}
说明:[形参1,形参2,…,形参N]这里的[]表示可以使用参数也可以不使用参数
函数的调用:函数名([实参1,实参2,…]);
*/
// 后面没有加函数的叫 匿名函数
// function(){//无意义
//
// }
//使用函数表达式创建一个函数
var fun3= function(){
alert(“这是一个匿名函数”)
};
fun3();
函数的参数:
1. 定义一个用来求两个数和的函数
可以在函数的()中来指定一个或多个形参(形式参数)
多个形参之间使用","隔开,声明形参就相当于在函数内部声明了对应的变量
但是并不赋值
例如:function sum(a,b){
var add=a+b;
console.log(add);
}
sum(123,456);
sum(false,123); //false为0 true为1
sum(false,"123")//false+"123" =>false123
/*调用函数时解析器不会检查实参的类型,
所以要注意,是否有可能会接收到非法的参数,如果有可能则需要对参数进行类型的 检查
*/
/*调用函数时,解析器也不会对检查实参的数量
多余的参数将不会被赋值
如果实参少于形参的数据,则没有对应实参的形参将是undefined
*/
-
JavaScript函数的返回值
创建一个函数,用来计算三个数的和可以通过return 来返回函数的返回值
语法:return 值;
return 后面值将会作为函数的执行结果返回,
可以定义一个变量来接收函数的返回值
在函数return后的语句都不会执行
如果return语句后不跟任何值,就相当于返回一个undefined
*/
立即执行函数
立即执行函数
函数定义完,立即被调用,这种函数叫做立即执行函数
立即执行函数往往只会执行一次
例如:
(function(){
alert(“这是一个立即执行函数”);
})();
(function(a,b){
alert(a+b);
})(23,23);
函数可以作为对象的属性
如果一个函数作为一个对象的属性保存,
那么我们称这个函数是这个对象的方法
调用函数就是调用对象的方法
但是它只是名称上的区别没有其他的区别
例如://创建一个对象
var obj=new Object();
obj.name="zhangsan";
obj.age=23;
obj.sayWorld=function(){
alert("hello");
};
console.log(obj.sayWorld);
obj.sayWorld();
函数: function 变量(){}
对象: var 变量=new Object()
方法: var obj=new Object();
obj.sayWorld=function(){} //这里的function是obj的方法
对象字面量: var 变量={
}
例子:
var xjy={
name:"你好",
age:12,
app:function(){
alert("hello")
}
}
xjy.app() //alert("hello")
console.log(xjy.app()) //alert("hello") + 控制台:undefined
console.log(xjy.name) //你好
枚举对象中的属性:
//属性名,属性值
使用for … in 语句
for in 语法
for(var 变量 in 对象){
//语句
}