JavaScript基础语法

原文链接：https://blog.csdn.net/m0_67683346/article/details/127591079

6.2、console.log
在控制台打印一个日志(一般是给程序员看的)：

console.log("hello JavaScript");
需要在开发者工具中的控制台查看打印结果： 

★ console是JS中的一个“对象”，. 表示取对象中的某个属性或方法，console.log就表示：使用console对象的log方法~

    <script>
        var name = "曹植";
        let age = 20;
    </script>

(1) var、let并非是变量的类型，只是用来声明name和age是一个变量；

(2) 变量的类型并没有显示写出来，具体的类型根据=后面的值来区分的；

(3) var写法是老式写法，坑比较多，而let是新式写法，比较推荐使用~

2.1.1几个特殊的数字值：

(1) Infinity：无穷大，大于任何数字，表示数字已经超过了JS能表示的范围；

(2) -Infinity：负无穷大小于任何数字，表示数字已经超过了JS能表示的范围；

<script>
//使用一个正小数除0得到无穷大
console.log(1.5/0);
//使用一个负小数除0得到负无穷大
console.log(-1.5/0);
</script>

注意：负无穷大和无穷小不是一回事，无穷小指无限趋近于0~

(3) NaN：Not a number，表示当前的结果不是一个合法的数字。

<script>
console.log("hello" - 1);
</script>

★ JS中的数组也可以“当做Map来存放键值对”：

<script>
let arr = ["刘备","关羽","张飞"];

arr[-1] = "赵云";
arr["hello"] = "world";
arr[undefined] = 999;

console.log(arr);
</script>

★ 通过代码运行结果可以发现，数组长度并没有发生变化，实际上这些键值对更像是数组这个对象中的一个自定义属性，既可以通过[ ] 访问，也可以通过 . 访问：

<script>
let arr = ["刘备","关羽","张飞"];

arr[-1] = "赵云";
arr["hello"] = "world";
arr[undefined] = 999;

console.log(arr.hello);

</script>

★ 虽然JS支持这种操作，但我们一般不这样使用，JS里有专门的map类型来表示键值对~

5.4.2使用splice方法

splice既可以进行插入，也可以进行删除，还可以进行替换操作：

★ 插入

<script>
let arr = [1,2,3,4,5,6,7];
//往2下标插入一个"hello"
arr.splice(2,0,"hello");
console.log(arr);
</script>

splice方法有三个参数：

①第一个参数表示要替换的下标位置；

②第二个参数表示要替换的数组长度，参数是0表示不对原数组内容调整，只是新增元素；

③第三个参数表示要替换到指定位置的新元素。

★ 替换

<script>
let arr = [1,2,3,4,5,6,7];
//把3下标元素替换成"hello"
arr.splice(3,1,"hello");
console.log(arr);
</script>

★ 删除

<script>
let arr = [1,2,3,4,5,6,7];
//删除3下标往后的3个元素
arr.splice(3,3);
console.log(arr);
</script>

如果不传第三个参数的话，就可以起到删除元素的效果~

7、对象
JS的对象类似于简化版的Java中的对象~

7.1创建对象
7.1.1使用{}创建对象

对象中的属性和方法使用键值对的形式来组织；

键值对之间使用 , 分割，最后一个属性后面可有可无；

键和值之间使用 : 分割；

方法的值是一个匿名函数。

<script>
let person = {
name: '坤坤',
age: 18,
sing: function(){
console.log(this.name+"正在唱鸡你太美");
}
}
console.log(person.name);
person.sing();
</script>

7.1.2使用构造函数创建对象

如果需要创建多个相同的对象，可以使用构造函数的方式：

<script>
function Person(name,age,singMsg){
this.name = name;
this.age = age;
this.sing = function(){
console.log(singMsg);
}
}
let person1 = new Person("坤坤",18,"鸡你太美");
let person2 = new Person("鲲鲲",20,"基尼太美");
console.log(person1.name);
person2.sing();
</script>

JS中虽然有“类”的概念，但是并没有封装、继承、多态的机制，所以JS不是一个“面向对象”的语言。