JS小白入门基础（一）

最新推荐文章于 2023-08-06 08:23:15 发布

one happy boy

最新推荐文章于 2023-08-06 08:23:15 发布

阅读量354

点赞数 2

文章标签： javascript

本文链接：https://blog.csdn.net/Thousandscity/article/details/108744063

版权

JS小白入门基础

JS介绍

JS介绍

JS是什么

JS就是JavaScript的简称，JavaScript最初受Java启发而开始设计的，目的之一就是“看上去像Java”，因此语法上有类似之处，一些名称和命名规范也借自Java。JavaScript与Java名称上的近似，是当时Netscape为了营销考虑与Sun微系统达成协议的结果。Java和JavaScript的关系就像张雨和张雨生的关系，只是名字很像。JavaScript 运行在客户端(浏览器)的编程语言。

JS现在的使用方向

JavaScript 发展到现在几乎无所不能。小到网页特效、桌面程序，大到服务端开发、命令行工APP以及游戏开发都用得到。

JS和html、css的区别

JS可以用来控制网页内容增加动态效果而css大多数情况下只用来美化网页，html做到的是提供网页结构和其中的内容。打个比方的话，html可以看做是一个人，css可以看做是那个人的衣服而JS则是那个人的行为举止。

JS的组成

JS由ECMAScript、DOM与BOM构成。ECMAScript是JS的核心，它定义了JS的语法规范，描述了语言的基本语法和数据类型。BOM则是浏览器对象模型，通俗的说就是操作浏览器的API，通过BOM可以对浏览器进行控制分辨率等操作。DOM为文档对象模型，和BOM类似的是他们同为API但是不同的在于BOM的对象是浏览器而DOM为页面元素，DOM可以对HTML进行详细的操作。

JS的书写位置

JS一般情况下分为三种书写方式，一为行内书写，二为标签内书写，三为外部书写页面引入。我们下面主要说一下标签内书写和外部文件书写引入。

·写在script标签中

<body>
    <script>
        alert('hello world');
    </script>
</body>

·写在外部文件页面引入

<script src="move.js"></script>

·注意在外部的文件不能带有script标签直接书写就好

什么是JS中的变量

其实js中的变量和其他的变量都一样，都是是计算机内存中存储数据的标识符，根据变量名称可以获取到内存中存储的数据。作用也不尽相同，都是为了更简便的获取或者修改内存数据。

如何使用变量

使用变量得先声明，在js中变量的声明用var属性

var iii;

是个变量就得赋值，赋值就是给变量一个值

var iii;
iii=1;

如此便是给变量进行赋值了。

可同时声明多个变量且可全部进行赋值

var i,j,k;
i=1;
j=2;
k=3;

变量也有一个规则，其中便有不能以数字开头，不能是关键字或者保留字如for，区分大小写，不遵守规则就会报错。其中有不合法的变量名，比如a、1、name、_sex等等。

JS的数据类型

Number、String、Boolean、Undefined、Null，我们现在只介绍前两个类型

Number类型
- 进制：八进制、十进制与十六进制
- 浮点数：最高精度为17位小数，但是算术计算精度不如整数，两个浮点数不相等
- 数值判断：NaN就是not a number的简称，他与任何值都不相等，包括他本身。
String类型
- 转义符
  - \n 表示换行
  - \t 表示制表
  - \b 表示空格
  - \r 表示回车
  - \f 表示进制
  - \ 表示斜杠
  - ’ 表示单引号
  - " 表示双引号
- 字符串长度
  length属性用来获取字符串长度
```
	var id ='你hao世界';
	console.log(id.length);
```
- 字符串拼接
  字符串凭借用+来进行连接
```
	console.log(1+1);
	console.log('a'+'b');
	console.log('10'+'10');
```
```
	如果两边都是数字就是算术功能
	反之有一边不是数字则是拼接功能
```

注释

单行注释

//这是一个变量

多行注释

/*这还是一个变量
这不是一个变量
不知道是不是变量
*/

算数运算符

+ - * / %

一元运算符
即只有一个操作数的运算符，1+2就不是一元运算了因为他有两个操作数，所以是二元运算。
- 一元运算符有
- ++ 自身加一
- ```
   - -  自身减一
```
  - 前置++：先加1，后参与运算
  - 后置++：先参与运算，后加1
  - 前置-- ：先减1，后参与运算
  - 后置-- ：先参与运算，后减1

关系运算符

< > == <= >= != === !==

==与===的区别在于==只进行值的比较，===类型和值同时相等时才相等

赋值运算符

= += -= /= *= %=

运算符的优先级

优先级从高到低为
（）优先级最高
一元运算符++ -- ！
算术运算符先*/%在+-
关系运算符> >= < <=
相等运算符 == != === !==
逻辑运算符 先&&后||
赋值运算符

one happy boy

关注

2
点赞
踩
3

收藏

觉得还不错? 一键收藏
1
评论
JS小白入门基础（一）

JS小白入门基础JS介绍JS是什么JS现在的使用方向JS和html、css的区别JS的组成JS的书写位置·写在script标签中·写在外部文件页面引入·注意在外部的文件不能带有script标签直接书写就好什么是JS中的变量如何使用变量JS的数据类型注释算数运算符关系运算符赋值运算符运算符的优先级JS介绍JS是什么JS就是JavaScript的简称，JavaScript最初受Java启发而开始设计的，目的之一就是“看上去像Java”，因此语法上有类似之处，一些名称和命名规范也借自Java。JavaScr
复制链接

扫一扫