1.8.2 JavaScript函数和对象
(1) JavaScript的函数
1标准格式: function 函数名([参数列表..]){
2 函数体。。。
3 [return 返回值;]
4 }
5
6JavaScript三种定义函数方法:
7 *第一种是使用function语句定义函数
8 如上面格式
9
10 第二种是使用Function()构造函数来定义函数(不常用)
11 var 函数名 = new Function(“参数1”,”参数2”,”参数3”……”函数体”);
12 如:
13 var 函数名 = new Function(”x”,”y”,”var z=x+y;return z;”);
14
15 *第三种是在表达式中定义函数
16 var 函数名 = function(参数1,参数2,…){函数体};
17 //例如:
18 //定义
19 var add = function(a,b){
20 return a+b;
21 }
22 //调用函数
23 document.write(add(50,20));
24
25 arguments 对象
26 在函数代码中,使用特殊对象 arguments,开发者无需明确指出参数名,就能访问它们。
27 例如,在函数 sayHi() 中,第一个参数是 message。用 arguments[0]
28 也可以访问这个值,即第一个参数的值(第一个参数位于位置 0,
29 第二个参数位于位置 1,依此类推)。
30
31 关于变量和参数问题:
32 函数外面定义的变量是全局变量,函数内可以直接使用。
33 在函数内部没有使用var定义的=变量则为全局变量,
34 *在函数内使用var关键字定义的变量是局部变量,即出了函数外边无法获取。
35 js函数定义的参数没有默认值(目前只有最新的火狐浏览器支持)
(2) 系统中常用的内置函数
1escape() //字串编码
2unescape() //字串反编码
3*eval() //将参数字符串作为脚本代码来执行。
4*isNaN() // is not a number (不是一个数值)
5*parseInt()
6*parseFloat()
(3) JavaScript的对象的定义和使用
11.使用原始的方式创建内置对象
2 var myObject = new Object();
3 myObject.name = “lijie”;
4 myObject.age = 20;
5 myObject.say = function(){...}
6
72.直接创建自定义对象
8 var 对象名 = {属性名1:属性值,属性名2:属性值2,…….}
9
103.使用自定义构造函数创建对象
11 function pen(name,color,price){
12 //对象的name属性
13 this.name = name;
14 //对象的color属性
15 this.color = color;
16 //对象的piece属性
17 this.price = price;
18 //对象的say方法
19 this.say = function(){};
20 }
21
22 var pen = new pen(“铅笔”,”红色”,20);
23 pen.say();
24--------------------------------------------------------------
25测试类型:
261.typeof() //global对象的其中一个方法,typeof()
272.对象.constructor; //查看当前对象的构造函数是谁
28
29if(arr.constructor==Array){
30 alert("数组"); //数组推荐用这种方法,因为typeof得到是object
31}
(4) 常用技巧函数
1HTML的标签(节点)操作:
2document.write(""); //输出的
3document.getElementById("id名"); //获取html页面标签中,标签id属性等于此值的对象。
4 如:var id = document.getElementById("hid"); //获取id值为hid的标签对象
5
6document.getElementsByTagName("标签名"); //获取当前文档执行的标签对象
7
8html标签对象的操作:
9 标签对象.innerHTML="内容";//在标签对象内放置指定内容
10 标签对象.style.css属性名="值" //改变标签对象的样式。
11 示例:id.style.color="red";
12 注意:属性名相当于变量名,所以css属性名中的减号要去掉,将后面的首字母大写。
13 如:font-size(css)---> fontSize(JS属性)
14 标签对象.value; //获取标签对象的value值
15 标签对象.value=”值“;//设置标签对象的value值
推荐阅读--
Python 只用一行代码,可以实现哪些事儿?
当pandas撞上了sql,于是一个强大的pandasql库产生了!
牛了!Python最容易入的10个坑!
球分享球点赞球在看