享受每一天,Just Enjoy !

0%

JavaScript基础4--函数事件及JSON

本文首发公众号: 伊洛的小屋,欢迎关注并查看更多内容!!!

函数

代码块中存储一段用于处理单任务的代码,然后在任何需要的时候用一个简短的命令来调用
JavaScript有许多内置的函数,浏览器函数不是核心JavaScript语言的一部分而是被定义为浏览器API的一部分

方法

函数称为对象方法(method)的一部分,内置浏览器函数并不是函数——它们是方法

自定义函数

自身根据需求来定义的函数

调用函数

后跟圆括号来完成的调用

1
2
3
4
5
function demoFunction() {
alert('hi function!');
}

demoFunction()
匿名函数

没有名字的函数就是匿名函数

1
2
3
function() {
alert('no name');
}

通常将匿名函数与事件处理程序一起使用

函数参数
1
2
var demoText = 'I am a boy';
var newText = demoText.replace('boy', 'girl');

‘boy’, ‘girl’ 就是replace函数的参数

函数返回值

指函数执行完毕后返回的值

1
2
3
var demoText = 'I am a string';
var demoString = myText.replace('string', 'demo');
console.log(demoString);

上面的内容保存了返回值,以作为demoString变量的内容

使用返回值

使用return关键字

1
2
3
function randomNumber(number) {
return Math.floor(Math.random()*number);
}
事件

事件是编程时系统内发生的动作或者发生的事情,系统会在事件出现时产生或触发某种信号,并且会提供一个自动加载某种动作,每个可用的事件都会有一个事件处理器,事件处理器有时候被叫做事件监听器

对象

对象是一个包含相关数据和方法的集合,创建一个对象通常先定义初始化变量

1
var person = {};

丰富一下对象

1
2
3
4
5
6
7
8
9
10
var person = {
name : ['伊洛', 'Yiluo'],
age : 19,
gender : 'male',
interests : ['games', 'shopping'],
contact : '微信搜索:伊洛的小屋',
greeting: function() {
alert('Hi! I\'m ' + this.name[0] + '.');
}
};

然后调用一下

1
2
3
person.name[0]
person.age
person.greeting()

查看调用的结果

1
2
3
4
5
6
7
8
9
10
11
12
person.name[0]
"伊洛"
person.age
19
person.greeting
ƒ () {
alert('Hi! I\'m ' + this.name[0] + '.');
}
person.contact;
"微信搜索:伊洛的小屋"
person.greeting()
undefined
点表示法

在上面的例子中,使用了点表示法(dot notation)来访问对象的属性和方法,对象的名字必须写在第一位,

括号表示法

使用括号表示法(bracket notation),对象做了字符串到值的映射,例如

1
2
person['age']
person['name']['age']
“this”的含义

关键字”this”指向了当前代码运行时的对象。

原型的语言

JavaScript 常被描述为一种基于原型的语言 (prototype-based language),准确地说,这些属性和方法定义在Object的构造器函数(constructor functions)之上的prototype属性上,而非对象实例本身

JSON

Json一种按照JavaScript对象语法的数据格式,JSON可以作为一个对象或者字符串存在,扩展名为 .json

JSON结构
1
2
3
4
5
6
7
8
9
demoObj = {
"name":"伊洛Yiluo",
"zone":"微信搜索:伊洛的小屋",
"sites": {
"site1":"https://yiluotalk.com/",
"site2":"https://yiluotalk.com/",
"site3":"https://yiluotalk.com/"
}
}

关注公众号获取更多内容