day04

最新推荐文章于 2024-05-20 22:08:52 发布

ようせい .

最新推荐文章于 2024-05-20 22:08:52 发布

阅读量90

点赞数

文章标签： html

本文链接：https://blog.csdn.net/zhengxiaa/article/details/111872164

版权

// 字面量
let a = “xiao”, b = ‘xiao1’, c = adadas // 字符串字面量

const oArray = []; // 数组字面量

const oObject = {}; // 对象字面量

const oReg = \abc; // 正则表达式字面量

// 声明函数

function hello() {
console.log(‘Hello, function!’);
}

console.log(hello);
hello();

// 定义一个函数表达式
// 匿名函数
const hello = function() {
console.log(‘hello, javascript!’);
};

// 命名函数
const hello = function sayHello() {
console.log(‘hello,js6’);
}
hello();

console.log(typeof hello);

// Function() 构造函数，不建议使用
const hello = new Function(“console.log(‘hello,javascript!’)”);

// 箭头函数， ES6 才有的
const hello = () => {
console.log(‘hello,js’);
};

// 返回值
//如果没有return,或者return后面为空，函数的返回值就为undefined
let sayHello = function() {
return;
};
console.log(sayHello());

let sayHello2 = function() {
let a = 1;
return a;
};

// 如果调用的时候不提供实际参数，那么形参就会被赋值为 undefined
let add = function(a,b) {
return a+b;
};

console.log(add()); // NaN

let a = Infinity;
let b = -Infinity;

console.log(1 + null);

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

console.log(add(1,2,3,4,5));

const add2 = function(…numbers){
let sum = 0;
console.log(typeof numbers)
console.log(numbers instanceof Array)
for (const num of numbers) {
sum = num + sum;
}
return sum;
}

a = add2(1,1,2,2,2,2,2);
console.log(a);

const add3 = function() {
let sum = 0;
console.log(typeof arguments);
console.log(arguments instanceof Array)
for (const num of arguments) {
sum = num + sum;
}
return sum;
};

b = add3();
console.log(b);

const myname = function(b, a = ‘xiao’) {
return b + a;
}

console.log(myName(‘hello’));

const sayHello1 = () => {
return ‘hello, JavaScript’;
}

const sayHello1 = () => ‘hello,javascript’;
console.log(sayHello1());

const sayHello2 = a => {
return ‘hello’ + a;
}

const sayHello3 = (a,b) => a + b;

// 回调
const dance = function () {
console.log(‘我在跳舞！’);
};

const dance = () => {
console.log(‘我在跳舞！’);
};

const sing = function (song, callback) {
console.log(‘我在唱’ + song);
if ((typeof callback) == ‘function’) {
callback();
}
};

const sing = (song, callback) => {
console.log(‘我在唱’ + song);
if ((typeof callback) == ‘function’) {
callback();
}
};

sing(‘国歌’, dance)

const sing = (song, callback) => {
console.log(‘我在唱’ + song)
callback();
}

sing(‘生日快快乐歌’, () => {console.log(‘我在跳舞！’)})

// 数组排序Array.sort()

const a1 = [1,3,2,10,22,8];
const a2 = a1.sort()
console.log(a2)

const num = (a,b) => a-b;
const a3 = a1.sort(num);
console.log(a3)

// Array.forEach()

const oArray1 = [1,2,2,4]
for (let i = 0; i < oArray1.length; i++) {
console.log(oArray[i])
}

const oArray2 = [1,2,2,4]
for (const i of oArray2) {
console.log(i);
}

const oArray3 = [1,2,2,4]
oArray3.forEach((arr1) => {console.log(arr1)});

// Array.map()

const oArray4 = [1,2,2,4]

const sum = (a) => a * a ;

const oArray5 = oArray4.map(sum);

console.log(oArray5)

// reduce

const oArray1 = [1,2,3,4,5].reduce((acc,val) => acc + val);
console.log(oArray1);

const oArray1 = [1,2,3,4,5]

const oArray2 = oArray1.reduce(
(acc,curVal) => acc + curVal
)
console.log(oArray2)

const oArray3 = [1,2,3,4,5].reduce((acc,val) => acc + val, 10);
console.log(oArray3)

const sentence = ‘The quick brown fox jumped over the lazy dog’;
const words = sentence.split(" ");
console.log(words);
const total = words.reduce((acc, word) => acc + word.length, 0);
console.log(total);

// filter
const a1 = [1,2,3,12,8];

const a2 = a1.filter((x)=> x%2 ===0);
console.log(a2);

console.log([1,2,3].map( x => x*x ).reduce((acc,x) => acc + x ))

sum1(1, 2);

function sum1(a, b) {
sayHello();
return a + b;
}

function sayHello() {
let a = 1;
let b = 3;
return a=${a}, b = ${b};
}

// Function 构造函数，不建议使用
const sayHello = new Function(“console.log(‘hello,js!’)”);

// ES6 新增的语法，箭头函数
const sayHello = () => {
console.log(“hello,js”);
};

sayHello();

const sayHello = function () {
let a = 1,
b = 2;
let c = a + b;
};
console.log(sayHello()); //undefined

const sayHello = function () {
let a = 1,
b = 2;
let c = a + b;
return;
};
console.log(sayHello()); // undefined;

const sayHello = function () {
let a = 1,
b = 2;
let c = a + b;
return c;
};
console.log(sayHello()); // 3;

// 函数参数

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

let a = add(2, 3);
console.log(a); // 5

const add1 = function (a, b) {
return a + b;
};

let b1 = add1();
console.log(b); // NaN = not a number, undefined + undefined

let b2 = add1(1); // 只传递一个参数
console.log(b2); // NaN

let b3 = add1(1, 2, 3, 4);
console.log(b3); // 3

const add2 = function (a, b) {
let a1 = arguments.length;
console.log(a1);
console.log(arguments[5]);
return a + b;
};

let b4 = add2(1, 2, 2, 2, 3, 4);
console.log(b4);

const add3 = function () {
let sum = 0;
for (let i = 0; i < arguments.length; i++) {
sum = sum + arguments[i];
}
return sum;
};
let b5 = add3(1, 2, 4, 5, 6, 7, 8);
console.log(b5);

const add = function (…numbers) {
let sum = 0;
for (const num of numbers) {
sum = sum + num;
}
return sum;
};
let a1 = add(1, 2, 2);
console.log(a1);

// 默认参数
const sayHi = function (studentName = “js”) {
console.log(hello, ${studentName});
};
sayHi();
sayHi(“Java”);

// 箭头函数
const add1 = function (…number) {
let sum = 0;
for (const num of numbers) {
sum = sum + num;
}
return sum;
};

const add1 = (…numbers) => {
let sum = 0;
for (const num of numbers) {
sum = sum + num;
}
return sum;
};

console.log(add1(1, 1, 2));

const add2 = function (a, b) {
return a + b;
};

const add2 = (a, b) => a + b;

const add3 = () => {
return 3;
};

const add4 = (a) => a + 1;
const add4 = function (a) {
return a + 1;
};

// callback
function dance() {
console.log(“我在跳舞”);
}

function sing(song, callback) {
console.log(我在唱${song});
if (typeof callback == “function”) {
callback();
}
}

sing(“国歌”, dance);

// 改写成函数表达式
const dance = function () {
console.log(“我在跳舞”);
};

const sing = function (song, callback) {
console.log(我在唱${song});
if (typeof callback === “function”) {
callback();
}
};

sing(“国歌”, dance);

// 改写成箭头函数版本
const dance = () => {
console.log(“我在跳舞”);
};

const sing = (song, callback) => {
console.log(我在唱${song});
if (typeof callback == “function”) {
callback();
}
};

sing(“国歌”, dance);

// 用箭头函数作为回调函数
const sing = (song, callback) => {
console.log(我在唱${song});
if (typeof callback == “function”) {
callback();
}
};
sing(“国歌”, () => console.log(“我在跳舞”));

// 回调函数的应用
//1.数组排序 Array.sort()

const oArray = [1, 10, 2, 11, 9, 8];
console.log(oArray.sort());

const num = (a, b) => a - b;
console.log(oArray.sort(num));

// forEach

const colors = [“Red”, “Green”, “Blue”];
for (let i = 0, max = colors.length; i < max; i++) {
console.log(位置${i}处的颜色为${colors[i]});
}

const colors = [“Red”, “Green”, “Blue”];
colors.forEach((color, index) =>
console.log(位置${index}处的颜色为 ${color})
);

const oArray1 = [1, 2, 3, 4];
oArray1.forEach((color) => console.log(${color}));

// map
const oArray2 = [1, 2, 3, 4];
const oArray3 = oArray2.map((x) => x + 2);
console.log(oArray3);

//改写：
// 先定义一个数组，然后得到一个新数组，
// 新数组中每个元素都是旧数组中每个元素的平方，不用Map的版本
const a1 = [1, 2, 3];

let a2 = [];

for (let i = 0; i < a1.length; i++) {
a2[i] = a1[i] * a1[i];
}

console.log(a2);

// Map 版本
let a1 = [1, 2, 3];
let a2 = a1.map((x) => x * x);
console.log(a2);

// reduce
const a1 = [1, 2, 3];

const a2 = a1.reduce((sum, curVal) => sum + curVal);
console.log(a2);
console.log(typeof a2);

const a2 = [1, 2, 3].reduce((sum, curVal) => sum + curVal, 0);
console.log(a2); // 6

const a2 = [1, 2, 3].reduce((sum, curVal) => sum + curVal, 10);
console.log(a2); // 16

const sentence = “The quick brown fox jumped over the lazy dog”;
const words = sentence.split(" ");
console.log(words);

const lenOfWords = words.reduce((sum, val) => sum + val.length, 0);
console.log(lenOfWords);

// filter
const a1 = [1, 2, 3, 4, 5, 6, 7, 8];
const a2 = a1.filter((a) => a % 2 === 0);
console.log(a2);

const sentence = “The quick brown fox jumped over the lazy dog”;
const words = sentence.split(" ");
console.log(words);
const words1 = words.filter((val) => val.length > 4);
console.log(words1);

const a = [1, 2, 3].map((x) => x * x).reduce((acc, x) => acc + x);
console.log(a)

// 字面量
let a = “”,
b = " ",
c = ; // 字符串字面量
let oArray = [1, 2, 3];
const oStudent = {};

/*
定义函数的四种方式
*/

// 函数声明
function sayHello() {
console.log(“Hello, JavaScript”);
} // 定义了一个函数字面量

// 函数表达式
const sayHello = function () {
console.log(“hello,javascript!”);
}; // 匿名函数表达式
console.log(sayHello);
sayHello();

const sayHello = function sayHi() {
console.log(“hello, js”);
}; // 命名的函数表达式