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

本文首发公众号： 伊洛的小屋，欢迎关注并查看更多内容！！！

函数

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

方法

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

自定义函数

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

调用函数

后跟圆括号来完成的调用

function demoFunction() {
  alert('hi function!');
}

demoFunction()

匿名函数

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

function() {
  alert('no name');
}

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

函数参数

var demoText = 'I am a boy';
var newText = demoText.replace('boy', 'girl');

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

函数返回值

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

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

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

使用返回值

使用return关键字

function randomNumber(number) {
  return Math.floor(Math.random()*number);
}

事件

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

对象

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

var person = {};

丰富一下对象

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

然后调用一下

person.name[0]
person.age
person.greeting()

查看调用的结果

person.name[0]
"伊洛"
person.age
19
person.greeting
ƒ () {
    alert('Hi! I\'m ' + this.name[0] + '.');
  }
person.contact;
"微信搜索：伊洛的小屋"
person.greeting()
undefined

点表示法

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

括号表示法

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

person['age']
person['name']['age']

"this"的含义

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

原型的语言

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

JSON

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

JSON结构

demoObj = {
    "name":"伊洛Yiluo",
    "zone":"微信搜索：伊洛的小屋",
    "sites": {
        "site1":"https://yiluotalk.com/",
        "site2":"https://yiluotalk.com/",
        "site3":"https://yiluotalk.com/"
    }
}

欢迎下方【戳一下】【点赞】
Author：伊洛Yiluo
愿你享受每一天，Just Enjoy !