JS基础学习（一）JavaScript基础语法-优快云博客

本文链接：https://blog.youkuaiyun.com/m0_64460142/article/details/124236681

这篇博客详细介绍了JavaScript的基础知识，包括JS基础、alert提示框、变量声明与赋值、核心数据类型以及算术和赋值运算符。通过示例代码展示了如何使用document.write和alert，以及如何声明和检测不同数据类型。此外，还涵盖了JavaScript中的比较运算符。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.JS基础

<script >

// ①在文档输入,打印在网页上的文字

document.write('从简单的JS开始')

// ②输入文档可以加上标签

document.write('<h1>一起学习吧！</h1>')

</script>

在1.js文件中输入：document.write('<h2 style="color:lightpink;">Hello JS!</h2>')

图示：

2.JS-alert

alert("输入弹出的内容")是在文档输入后地址栏下拉框条显示

实例：

3.JS语法变量——声明、赋值

/**先声明变量后赋值

* var width 声明变量

* width = 100; 赋值

* alert(width); 弹框打印*/

var width;

width = 100;

alert(width);

// var width = 100; //同时声明和赋值变量

// document.write(width); //网页打印

// ★使用逗号同时声明和赋值,只有最后一个可以被赋值，前面的变量是初始值underfined

// var width,heigth = 100;

// document.write(width) // ==>初始值underfined

// document.write(heigth)

// 不声明直接赋值，（会把width变量变成全局变量）

width = 100;

document.write(width);

</script>

4.JS核心语法-js数据类型（七个：undefined、null、number、bollean、string、symbol、obj）

// Js提供typeof操作符，用来检测变量的数据类型*用法例如: typeof age或者typeof(age)

// var age;

// document.write( typeof(age));

// 数据类型①undefined,变量age没有初始值,将被赋予undefined

// var age;

// document.write(age);

// 数据类型②null 与nudefined值相等

// var age = null;

// document.write(age);

// 数据类型③number数字类型

// var score1=90; //整数

// var score2=96.5; //浮点数

// document.write(typeof score2)

// 数据类型④bollean布尔型: true和false

// let score1 = 1;

// let score2 = 2;

// document.write(null==undefined) //==>true

//document.write(score1==score2) //false

// 数据类型⑤string字符串类型被引号（单引号或双引号〉括起来的文本

// var string1 = "This is a string";

// var string2 = '123abc';

// document.write(typeof string1)

// document.write(typeof string2)

// 数据类型es6新增了一个类型⑥symbol一个独一无二的数

// let a = Symbol(123);

// let b = Symbol(123);

// document.write(a==b) /* ==>false */

// document.write(a==a) /* -->true */

// document.write(typeof a);

// 数据类型⑦obj对象类型

// var obj ={1:'喜欢足球',2:'喜欢篮球'};

// document.write(typeof obj)

</script>

5.JS运算符-算术运算符（+、-、*、\、%、++、--）和赋值运算符（=）

//给num1赋值使用“=”
// var num1 = 1;
// var num2 = 2
// document.write( num1 + num2 ); //结果是3，1+2=3

                                                                                      // 一个数字加一个字符串，相加+
// var num1 = 1;
// var str1 = '2';
// document.write( num1 + str1 ); //结果是12，数字1和字符2相加得12

                                                        // 会把字符类型进行隐式数据类型转换为数字类型，相乘*
// var num1 = 1;
// var str1 = '2';
// document.write( num1 * str1 ); //结果是 1*2=2

// 会把字符类型进行隐式数据类型转换为数字类型，相除/
// var num1 = 1;
// var str1 = '2';
// document.write( num1 / str1 ) //结果是1÷2=0.533

// 会把字符类型进行隐式数据类型转换为数字类型，取模%
// var num1 = 47;
// var str1 = '8';
// document.write( num1 % str1 ) //结果是47÷8=5余7，模等于7

// num2=++num1 相当于 num1+1后将运算过得值赋给num2

// var num1 = 4;

// var num2 = ++num1; // num2结果是num1(4)+1=5

// document.write( num1 ) // num1=5

// document.write( num2 ) // num2=5

// num2=num1++ 相当于先将初始值赋值num2，再给num1+1

// var num1 = 20;

// var num2 = num1++;

// document.write( num1 ) // num1=21

// document.write( num2 ) // num2=20