函数
Javascript中的函数作用和其他语言中的一样,就不多做介绍了,直接定义使用。
//函数的定义格式,其中function是关键字,其余定义方式和python/Java 大同小异,其函数体使用{}包裹起来
function funt1(){
//函数体
}
//函数调用
funt1();
变量
Javascript和大多数语言基本一致,分为全局变量和局部变量.
- 全局变量:公共的,可以在整个Javascript网页代码中都能使用的变量,其在网页关闭时,自动消失
- 局部变量:在函数内部定义,只能在函数内部使用,函数执行完成之后消失
传值
Javascript传值分为两种,拷贝传值和引用传址(说白了就是python中的深浅拷贝)
- 拷贝传值:将变量的值复制一份,原来的变量和复制之后的变量之间是相互独立的,没有任何关系,修改其中一个另外一个不会改变(常见的是字符类型、数值类型的变量传值)
- 引用传址:是将变量在内存中的地址赋值给新的变量,但是实际上两个变量指向的是同一个数据地址,也就是同一个数据,其中任意一个发生修改,那么数据就发生修改(其常见的引用传址有数组、对象…)
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>js-function-2</title>
<script type="text/javascript">
// 全局变量与局部变量
// 在函数外定义的变量都是全局变量,在函数内部定义的变量都是局部变量,只能在当前函数内部使用
// 全局变量
var stuNumber = '001';
function stuFunct(){
// 局部变量
var stuName = '韩信';
// 函数操作
document.write('姓名'+stuName+'学号'+stuNumber);
}
// 函数调用
stuFunct()
// 错误方式
window.alert(stuName);
</script>
</head>
<body>
</body>
</html>
匿名函数
匿名函数一般用于将函数的返回值赋值给其他变量使用,或者绑定某一个操作使用,使用方法是直接写function(){};不需要函数名称
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>匿名函数</title>
<script type="text/javascript">
// 定义方式
// 1 给变量赋值
var a = function(){
}
// 调用
var demo = a;
demo();
// 2绑定操作,绑定某一个操作,不需要调用,该操作是网页打开自动预加载执行
window.onload = function(){
}
</script>
</head>
<body>
</body>
</html>
数组
数组的功能和python中的一样,不多做介绍,直接定义使用
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>数组</title>
<script type="text/javascript">
// 1 直接定义
var arr_list1 = ['1','2','3'];
// 使用new方法创建
var arr_list2 = new Array;
// 使用循环给数组赋值
for (var i=0;i<=5;i++){
arr_list2[i] = window.prompt('输入数组的第'+i+'个值');
}
// 二维数组的定义(数组中套数组)即数组中的元素也是一个数组
var arr_list3 = [['1','2','3'],['10','20']];
// 数组的访问,通过下标索引访问
document.write('一维数组第一个值'+arr_list1[0])
document.write('二维数组第一个元素的第一个值'+arr_list3[0][0]);
// 修改: 直接通过下标重新赋值
arr_list3[0][1] = '99';
document.write('修改之后的数组'+arr_list3);
</script>
</head>
<body>
</body>
</html>
对象
- 字符对象:String 一个字符 var str1 = ‘abcd’
- 数值对象:Number 一个数值 var number1 = 9527;
- 布尔值对象:布尔值 true/false
- Math对象:是Javascript中的数学对象
- function对象:即每一个函数就是一个对象
- array对象:即数组对象
- BOM对象
- DOM对象
对象的创建方法
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>对象</title>
<script type="text/javascript">
// 1、直接诶使用Object对象创建对象:对象的创建以及使用方法
var js_obj = new Object;
js_obj.name = 'html';
js_obj.age = '999';
js_obj.address = 'Beijing';
// 给该对象定义方法
js_obj.js_funt = function(){
var str1 = '';
str1 += '<h3>姓名:'+js_obj.name;
str1 += ' 性别:'+js_obj.age;
str1 += ' 地址:'+js_obj.address;
document.write(str1)
}
// 调用方法
js_obj.js_funt()
// 2、使用{}创建对象,在对象内部使用this关键字创建对象的方法
var js_obj1 = {
name : "韩信",
sex : "男",
age : 18,
js_funt1 : function(){
//this是系统关键字,代表当前对象
var str = "<h2>"+this.name+"的基本信息如下</h2>";
str += "姓名:"+this.name;
str += "<br>性别:"+this.sex;
str += "<br>年龄:"+this.age;
document.write(str);
},
};
//调用对象方法
js_obj1.js_funt1();
</script>
</head>
<body>
</body>
</html>