Js函数:
JavaScript的函数理解为Java里面的方法,
把一些经常复用的代码,抽取出来封装在一个函数中。
提高程序的可读性,减少开发者的工作量,便于后期的维护。
js中函数的分类:
- 内置函数(JS提供的): console.log(); alert() confirm parseInt... :
- 自定义函数(程序员自己写的)
其中自定义函数的声明语法如下:
function 方法名(变量名,变量名...){
}
调用: 方法名(参数列表);
函数定义与调用的编写顺序不分前后。
你可以先调用函数,再声明函数
声明示例:
//声明一个无参函数
function a1(){
console.log(123);
}
a1();
//声明一个指定个数的有参函数
function a2(a,b,c){
console.log(a+b+c);
}
a2(1,2,3);
//声明一个若干个数的有参函数
function a3(... a){
for(var i = 0 ; i<a.length ; i++){
console.log(a[i]);
}
}
a3(1,1.1,true,undefined,null,"你好");
//有返回值的函数
function a4(a,b){
return a + b;
}
var sum = a4(10,20);
alert(sum)
js变量作用域:
和Java一样 JS的变量也分为局部变量和全局变量(Java的叫法是成员变量,只是概念和全局类似)
全局变量:在所有函数之外声明(script标签内部的最开始几行),它的作用域称为全局作用域,在同一个页面文件中的所有脚本内都可以使用。
局部变量:在函数体内利用var关键字声明的变量称为局部变量,仅在该函数体内有效。
函数表达式:
函数表达式指的是将函数赋值给变量的表达式,通过“变量名()”的方式即可完成函数的调用,小括号“()”内可以传入参数,示例代码如下。
//函数的写法:
function a1(a){
console.log("我被调用了。参数是" + a)
}
a1(123);
//函数表达式的写法:
var abc = function (a){
console.log("我被调用了。参数是" + a)
};
abc(567);
匿名函数:
没有函数名的函数 但是又拥有了变量名
匿名函数自调用:HTML页面解析之后 自动执行的一段代码.只会执行一次.
例如跳转网页之后提示:登录成功 加载成功。语法如下:
(function(){
alert("登录成功!!!");
})();
js对象:
在JavaScript中,对象属于复杂数据类型,它是由属性和方法组成的一个对象。
- 属性是指对象的特征。
- 方法是指对象的行为。
下面以学生的特征和行为为例进行说明。
- 学生的特征:姓名、年龄和性别,这些特征可以用对象的属性来表示。
- 学生的行为:打招呼、唱歌、写作业,这些行为可以用对象的方法来表示。
判断一个变量是否为对象的小技巧:
- 通过console.log打印
- 如果打印的是一行字符串 就说明是基本数据类型
- 如果打印的是一个可以折叠的数据 就表示对象
创捷js对象:
方法1:
使用对象的字面量创建对象(理解为直接赋值)
例如:var arr = [1,2,3];,//静态声明数组 字面量创建
就是用大括号“{}”来标注对象成员,
每个对象成员使用键值对的形式保存,即 “key: value”的形式。
多个成员通过逗号隔开
键指的就是独一无二的属性
方法2:
//第一步:创建对象的函数(想象成Java的构造函数)
function Person(id,name,age){
this.id = id;
this.name = name;
this.age = age;
}
//第二步:new对象
var p1 = new Person(123,"王五" , 20);
console.log(p1);
使用场景:如果对象很多 就用方法2 反之方法1
方法3:
如果谁不知道给对象取什么名字,就叫做Object
var o = new Object();
o.id=1231;
o.name="李四";
console.log(o);
创建对象的补充:
如果一开始只知道有对象,但是不知道它有什么属性或属性值,那么可以先创建一个空对象壳子,后续再声明属性的同时进行赋值。
var s123 = {};
s123.id = 123;
s123.name = "Lisi";
s123.age = "男";
console.log(s123.id);//123
console.log(s123.dasd);//undefined
如何访问对象里面的值:
方法1: 通过对象名.属性名即可
console.log(student1.id + "~" + student1.name + "~" + student1.age );
方法2:通过对象名[属性名]
console.log(student1['sex-sex']);
console.log(student1['name']);
JS的参数传递:
也分为值传递和引用传递
var a = 111;
var b = "你好";
var c = true;
var d = [1,2,3];
function change(a,b,c,d){
a = 222;
b = "我好";
c = false;
d[0] = 123;
}
change(a,b,c,d);
console.log(a);//111
console.log(b);//你好
console.log(c);//true
console.log(d[0]);//123