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不是一个“面向对象”的语言。

posted @ 2024-06-11 13:22  yinghualeihenmei  阅读(1)  评论(0编辑  收藏  举报