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 !

©️2020 CSDN 皮肤主题: 数字20 设计师:CSDN官方博客 返回首页