学习目标:
10分钟搞定函数和对象的运用
学习内容:
1. 如何创建函数
2. 如何调用函数
3.如何创建对象
4.new关键词如何运作介绍
5.变量与对象的区别
内容:
1.如何创建并调用函数:
函数的英文名字是 function,函数有3个部分组成( 函数名,函数体 ,返回值)返回值的具体内容看我另外一篇文章这里就不细讲。这里主要将函数创建与调用。记得编程的书写规范,这里还是推荐骆驼峰拼字法就是第一个单词首字小写后面的单词首字大写
具体2种创建和调用函数的代码如下:
var a;
function hanShu(r1,r2){ ///函数名
a=r1+r2 ; ///函数体
return a;///返回值
}
console.log(hanShu(1,2)) ;//调用该函数,并输出于控制台
结果等于3
/
var a;
function hanShu(){ ///函数名
a=1 ; ///函数体
return a;///返回值
}
console.log(hanShu()) ;//调用该函数,并输出于控制台
结果等于1
控制台在浏览器按下F12就可找到。
2.如何创建并调用对象
对象是什么? 对象在JS里面是指一个具体的事物,例如:李磊的笔,李磊。这种具体的事物即为对象。而对象是由属性和方法组成的。
总共有3种方式创建对象,分别是利用自变量、new Object、构造函数来创建对象。
首先先讲自变量来创建对象
里面的变量虽然不需要 一 一 用var去创建变量,但是每创建一个变量需要用逗号来隔开
代码如下:
var duiXiang ={
name:"对象",
age:18,
heiHaHai:function(){
console.log("嘿哈害~")
}
}
然后是 new Object 创建对象 相对于字面量来说有些繁琐。需要每个变量前面加上 .对象名
代码如下:
var duixiang = new Object;
duixiang.name = "老八";
duixiang.age =18;
duixiang.heiHaHai=function(){
console.log("嘿哈害~")
}
最后一种方法 构建函数来创建对象,因为这些变量是放在函数里,所以需要用this来特指是哪一个变量。那个new hanShu是先创建一个新函数在用this去指定函数相对应的空对象,再去执行代码的
function hanShu(name,age)
{
this.xname = name;
this.xage = age;
} 此为构建函数
var duixiang= new hanShu("老八",18)/此为创建对象
讲完如何创建对象就该进步加强对对象的认识了,下面是3种调用程序的办法,请自己用编程软件进行3种方式的对象创建与调用(软件推荐Vscode)
3种调用方式如下:
console.log(hanShu.name)
console.log(hanShu[name])
对象里函数的调用如下
duixiang.hanShu()
那么学了对象就会有很多人疑问了,为什么对象和变量很像,都在前面用var。但其实是不同的。
对象:对象的定义是一个具体的事物且里面的属性不需要声明,使用方式为【对象.属性】
变量:变量的定义是单独存在的且可以直接取用
看到这应该就知道怎么判断那个是对象那个是变量了吧。