前端---认识JS

互联网
2025-08-12 21:24:02

文章目录什么是JS？JS的应用JS与HTML结合的方式内联式内嵌式外部式 JS的注释JS的弹窗JS的输出JS的变量JS的基本数据类型数字类型：number字符串类型：string布尔类型：booleanundefined类型null类型 JS的运算符算术运算符逻辑运算符其他运算符

什么是JS？

JS全称是JavaScript，是一门专门用来开发前端的编程语言，它用来描述页面的行为。它和Java完全不同，起这个名字某种程度上来说是在蹭Java的热度。

JS的应用网页开发，做各种厉害的特效网页游戏服务器端的开发，借助JS的引擎 v8 worker，即node.js开发桌面程序，使用Electron框架移动端APP开发 JS与HTML结合的方式内联式 //直接写在html元素内部，放到标签的特殊属性中 <input type="button" value="点我一下" onclick="alert('haha')">

注：

JS中的字符串常量既能用‘’表示，又能用“”表示html中推荐使用“”，js中推荐使用‘’ 内嵌式 //使用script标签写在html的body里 <body> <script> alert("haha"); </script> </body> 外部式 //把js代码写在外部的 .js文件里，通过script标签引入 <script src="hello.js"></script>

注：这种情况下script标签中间不能写代码，必须空着。

JS的注释方式一： /*这是一种注释*/ 方式二：推荐 //这又是一种注释 JS的弹窗 alert("haha");

注：在前端页面弹出弹窗，内容是 haha

JS的输出 console.log('hello world');

注：在前端的控制台输出内容。类似于Java的System.out.println

JS的变量 var name = '张三'; let age = 18;

注：

var和let都是关键字，仅仅表示后边的名字是个变量，不代表类型。变量也是有类型的，具体的类型 = 后面值的类型。比如：name是String类型，age是int类型let是新式的写法，var是老式的写法。推荐使用let JS的基本数据类型数字类型：number //整数 let a = 10; //浮点数 console.log(1/2); //无穷大：Infinity console.log(1/0); //负无穷大：-Infinity console.log(-Number.MAX_VALUE) //非数字：Nan console.log('hello'-10);

注：在JS中使用数字类型来表示数值，不区分整数和浮点数。

字符串类型：string let a = 'hello'; let b = 'world'; //求字符串长度 console.log(a.length); //字符串拼接 console.log(a + b);

注：如果字符串中已经包含了引号，使用转义字符进行转义再使用。

布尔类型：boolean let a = true; let b = false;

注：

在JS中，可以用0表示假，1表示真。true和false也可以参与运算，分别表示1和0 undefined类型 var a; console.log(a - 10);

注：

变量未初始化会undefined字符串和数字相减会undefined字符串和undefined相加会进行字符串拼接；数字和undefined相加是Nan null类型 let a = null;

注：null表示当前变量被定义但是没有值；undefined表示当前变量未被定义。

JS的运算符算术运算符 let a1 = 10; let a2 = '10'; console.log(a1==a2); //true console.log(a1===a2); //false console.log(a1!=a2); //false console.log(a1!==a2); //true

注：

JS是弱类型的语言，在比较时会自动进行类型转换。使用 == 和！= 会让变量进行类型转换使用 === 和！== 不会让变量进行类型转换逻辑运算符 // 如果value为真则value1的值为value；如果为假，value1的值为右侧表达式 1 let value = 1; let value1 = 10; value1 = value || 1; console.log(value1); // 如果value为假则value2的值为value；如果为真，value2的值为右侧表达式 5 let value2 = value && 5; console.log(value2);

注：

|| 和 && 一般不把结果赋予变量，直接使用就行。上述 value1 = value || 1; 和 let value2 = value && 5; 是特殊情况。这样写可以保证变量里一定有值。其他运算符

其他运算符和Java的运算符用法相同，大家可以点击此处浏览！

标签：

前端---认识JS由讯客互联互联网栏目发布，感谢您对讯客互联的认可，以及对我们原创作品以及文章的青睐，非常欢迎各位朋友分享到个人网站或者朋友圈，但转载请说明文章出处“前端---认识JS”

上一篇
分享篇：最近在研究的AIGC内容