liang14658fox

Appearance

普通函数 ​

    1. 声明并调用
js
function JSfn(params) {
	console.log(params)
}

JSfn('普通函数1')

function add(a, b) {
	return a + b;
}

console.log(add(2, 3)); // 输出: 5
function JSfn(params) {
	console.log(params)
}

JSfn('普通函数1')

function add(a, b) {
	return a + b;
}

console.log(add(2, 3)); // 输出: 5
    1. 声明并调用
js
var JSfnName = function(params) {
	console.log(params)
}
JSfnName('普通函数2') //函数调用
var JSfnName = function(params) {
	console.log(params)
}
JSfnName('普通函数2') //函数调用

绑定事件函数 ​

  • 声明并调用
html
<button id="myBtn">Click me!</button>
<button id="myBtn">Click me!</button>
js
document.getElementById('myBtn').addEventListener('click', function() {
	console.log('Button clicked!');
});
document.getElementById('myBtn').addEventListener('click', function() {
	console.log('Button clicked!');
});

方法/对象里的函数 ​

  • 声明并调用
js

构造函数 ​

  • 声明并调用
js
function Person(name, age, sex) { // 首字母大写
	this.username = name
	this.age = age
	this.sex = sex
	this.sayHi = function() { //方法
		console.log(this.username, this.age, this.sex)
	}
}

var obj = new Person('君e名字', 18, '男') //函数调用

console.log(obj.username)

obj.sayHi() //方法调用
function Person(name, age, sex) { // 首字母大写
	this.username = name
	this.age = age
	this.sex = sex
	this.sayHi = function() { //方法
		console.log(this.username, this.age, this.sex)
	}
}

var obj = new Person('君e名字', 18, '男') //函数调用

console.log(obj.username)

obj.sayHi() //方法调用

ES6函数 ​

  • 声明并调用
js
let es6fn = (params1, params2) => {
	console.log(params1)
	console.log(params2)
}

es6fn('ES6函数', '两个参数两个语句')
let es6fn = (params1, params2) => {
	console.log(params1)
	console.log(params2)
}

es6fn('ES6函数', '两个参数两个语句')
  • 省略写法
js
let es6fnLazy = params => console.log(params) //省略括号

es6fnLazy('一个参数一个语句省略括号')
let es6fnLazy = params => console.log(params) //省略括号

es6fnLazy('一个参数一个语句省略括号')

定时器函数 ​

  • 声明并调用
js
function showTime() {
	var now = new Date();
	console.log(now.toLocaleTimeString());
}

setInterval(showTime, 1000); // 每秒钟执行一次showTime函数
function showTime() {
	var now = new Date();
	console.log(now.toLocaleTimeString());
}

setInterval(showTime, 1000); // 每秒钟执行一次showTime函数

立即执行函数 ​

  • 声明并调用
js
(function() {
	var x = 10;
	console.log(x);
})(); // 输出: 10
(function() {
	var x = 10;
	console.log(x);
})(); // 输出: 10