【学习笔记】初识JavaScript

【学习笔记】初识JavaScript

 

1.引入JavaScript

  1. 内部标签

    <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script>
    alert('hello,world');
</script>
</body>
</html>

    直接在html文件中，在script标签里写javascript代码

  2. 外部引入

    alert('hello,world');

    创建一个js文件，在里面写js代码

    <script src="1.引入javascript.js"></script>

    然后在html中，使用script标签引入js文件，src是js的路径

    需要注意的是，引入该js文件的script标签不能是自闭合标签即<script/>

    还有就是不需要显式定义type，默认就是javascript

 

2.基本语法及浏览器调试

  1. 定义变量

    变量类型 变量名 = 变量值

    <script>
    //1.定义变量
    var name = "zhangsan";
    var num = 1;
    
</script>

  2. 条件控制

    //2.条件控制
if(num<0 && num > 10){
    alert('0~10');
}else{
    alert('other');
}

    image-20220912200959476

     

    3.浏览器调试

    image-20220912201140445

 

在源代码中调试

 

首先点击一行，打断点

image-20220912201222691

 

然后刷新页面，就停在了断点那一行

image-20220912201309964

点下一步进行调试

 

3.数据类型

 

number

123     //整数
123.1    //浮点数
-123     //负数
1.e123   //科学计数法
NaN      //not a number
Infinity   //表示无限大

image-20220912203014446

 

 

字符串

‘abc’ “abc”

 

布尔值

true、false

 

逻辑运算

&& 两个都为真结果为真

|| 一个为真，结果为真

！ 假为真，真为假

 

比较运算符

=       赋值
==      等于（类型不一样，值一样，也会判断为true）
===     绝对等于（类型一样，值一样，结果为true）

不要使用== 比较

  • 关于NaN的问题：

-NaN与任何数值都不相等，包括它自己

-如果想要判断一个数是否是NaN，可以使用isNaN(NaN)方法来判断

image-20220912204431789

 

  • 关于浮点数精度的问题

    image-20220912204631118

    和java相同，在javascript中要尽量避免使用浮点数进行运算，存在精度问题

    可以使用Math.abs方法，来规定误差小于多少可以忽略不记

    image-20220912204931397

 

 

null 和 undefined

  • null 空

  • undefined 未定义

 

数组

在java中的数组，里面的数值必须是相同类型的对象，而在js中没有这个要求

var arr = [1,2,3,true,'hello',null];
new Array(4,5,6,'world');

取数组中的元素，用下标来取，如果越界了，就会undefined

 

对象

创建对象用大括号，每个属性之前用逗号隔开，最后一个不用加逗号

var person = {
    name:'wzt',
    age:23,
    tag:['java','python','springboot']
​
}

取对象的值，直接用 对象名.属性名 即可

person.name
>'wzt'

 

4.严格检查模式

  • 全局变量

    <script>
    i = 10;
</script>

  • 局部变量

    <script>
    var i = 10;
</script>

 

我们要避免使用全局变量，因为一个网站引入的js代码往往有很多，这就有可能会有名字相同的变量，如果使用全局变量，就可能会造成错误。

我们定义局部变量，一般不使用var来定义，而使用let定义

<script>
    let i = 10;
</script>

 

严格检查模式 ‘use strict’，预防javascript随意性带来的一些问题，必须写在js的第一行

<script>
    'use strict'
    let i = 10;
</script>

在 ‘use strict’ 下，如果在定义全局变量，就会报错

image-20220912212439277

严格检查模式 ‘use strict’使用前提是IDEA支持ES6语法

posted @   GrowthRoad  阅读(15)  评论(0)  编辑  收藏  举报
相关博文：
· 【学习笔记】初始JQuery
· 【学习笔记】变量的作用域
· 初识JavaScript
· 个人JavaScript学习笔记（持续更新）
· 我的第一个JS程序！！！收拾好情绪，重新出发~
阅读排行：
· 阿里最新开源QwQ-32B，效果媲美deepseek-r1满血版，部署成本又又又降低了！
· 单线程的Redis速度为什么快？
· SQL Server 2025 AI相关能力初探
· AI编程工具终极对决：字节Trae VS Cursor，谁才是开发者新宠？
· 展开说说关于C#中ORM框架的用法！
点击右上角即可分享
微信分享提示