es6 初级之---const 和 默认参数

时间:2023-03-09 01:56:40
es6 初级之---const 和 默认参数

1. const 的定义:

1.1 常量定义的时候要赋值,不赋值是会报错的:

 <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<script>
// 常量: 不能被改变值的 量 叫常量
// 1, 常量最开始定义的时候, 要给初始值
// 2, 常量不能被重新赋值
// 3, 常量的作用域是块级的
// 4,个人感觉有点像php 中的define
const a; //报错,没有初始化一个值
</script>
</head>
<body>
</body>
</html>

es6 初级之---const 和 默认参数

1.2 定义同时赋值

       const a = 10;
console.log(a);

es6 初级之---const 和 默认参数

1.3 常量定义之后,不能再次赋值

         const a = 10;
a = 100; //报错,不能给常量重新赋值
console.log(a);

es6 初级之---const 和 默认参数

1.4 常量是块级作用域

         let a = 10;
if (a) {
const b = 100;
console.log(b);
}
console.log(b); //报错,访问不到块级作用域中的常量

es6 初级之---const 和 默认参数

1.5 对象常量不能改变:

         const user = {
"name": "nihaome",
age: 22
};
user = { //报错,常量不能被重新赋值
"name": 'zhangsan'
}
console.log(user);

es6 初级之---const 和 默认参数

1.6 对象常量的属性可以被改变:

如果常量定义的值 是一个对象, 那么对象不能被修改,
但是对象的属性值可以被修改
        const user = {
"name": "nihaome",
age: 22
};
user.name = 'zhangsan';
console.log(user);

es6 初级之---const 和 默认参数

2. 默认参数:

2.1 默认参数之一:

        function show(a, b) {
a = a || 10;
b = b || 20;
console.log(a, b);
}
show(1, 2);

es6 初级之---const 和 默认参数

2.2 默认参数之二:

        function show(a, b) {
a = a || 10;
b = b || 20;
console.log(a, b);
}
show();

es6 初级之---const 和 默认参数

2.3 默认参数之三:

        function show(a, b) {
a = a || 10;
b = b || 20;
console.log(a, b);
}
show(1);

es6 初级之---const 和 默认参数

2.3 默认参数之四:

        function show(a, b) {
a = a || 10;
b = b || 20;
console.log(a, b);
}
show(0, 0); //0会转成false

es6 初级之---const 和 默认参数

默认参数:有传入参数值的时候,就使用传递的参数;没有传递参数,就使用默认参数

3. 表达式:先判定,再赋值

         function show(a, b) {
a = typeof a === 'undefined' ? 10 : a;
b = typeof b === 'undefined' ? 20 : b;
console.log(a, b);
}
show(undefined, 30);
show();

es6 初级之---const 和 默认参数

4. 默认参数

         function show( a = 10, b = 20, c = 30 ){
console.log( a, b, c );
}
show(); // 10, 20, 30, 没有传递参数就使用默认值
show( 100 ); // 100, 20, 30, 没有传递参数就使用默认值
show( 100, 200 ); // 100, 200, 30, 没有传递参数就使用默认值
show( 100, 200, 300 ); // 100, 200, 30, 没有传递参数就使用默认值

es6 初级之---const 和 默认参数

5. 默认参数 undefined

         function show(name, age = 22, sex) {
console.log(name, age, sex);
}
//函数在没有传值得时候,默认为undefined
show(); //undefined,22,undefined 使用name,age,sex的默认参数 //函数显示的传递undefined,相当于没有传递参数,所以age用默认值22
show(undefined, undefined, undefined); //undefined,22,undefined //函数传递null的时候,不会等于undefined,相当于传null值, 会把age的默认值覆盖
show(undefined, null, undefined); //undefined, null, undefined

es6 初级之---const 和 默认参数

6. 非严格模式下,参数会同步到arguments

        //在非严格模式下,参数的修改会同步到arguments
function show(name, age) {
console.log(name == arguments[0]); //true
console.log(age == arguments[1]); //true
name = 'zhangsan';
age = 30;
console.log(name == arguments[0]); //true
console.log(age == arguments[1]); //true
}
show('hehheh', 22);

es6 初级之---const 和 默认参数

7. 严格模式下,参数与arguments 不同步(严格模式,在代码前加入一行"use strict")

        "use strict";

         function show(name, age) {
console.log(name == arguments[0]); //true
console.log(age == arguments[1]); //true
name = 'zhangsan';
age = 30;
console.log(name == arguments[0]); //false
console.log(age == arguments[1]); //false
}
show('hehhe', 22);

es6 初级之---const 和 默认参数

8.默认参数和arguments:默认参数和arguments 是有差异的

         function show(name, age = 22) {
console.log(arguments.length); //1
console.log(name === arguments[0]); //true
console.log(age, arguments[1]); //22, undefined
console.log(age === arguments[1]); //false name = 'zhangsan';
age = 30;
console.log(name, age, arguments[0], arguments[1]); //zhangsan, 30, nani, undefined
console.log(name == arguments[0]); //false
console.log(age == arguments[1]); //false
}
show('nani');

es6 初级之---const 和 默认参数

9. 函数作为默认参数:

        function getVal() {
return 10;
} function add(a, b = getVal()) {
return a + b;
} //相当于 a = 100, b = 200
console.log(add(100, 200)); //300
//相当于 a = 100, b没有传值, 采用getVal()的返回值10
console.log(add(100)); //110

es6 初级之---const 和 默认参数