JavaScript专题学习一之JavaScript简单介绍

╰+哭是因爲堅強的太久メ 2022-05-11 10:38 219阅读 0赞

## **JavaScript介绍            行业内简称为js，后面还有一个jquery是javaScript的封装框架非常重要，所以这两个请一定要掌握！！！在实际项目工作中，必须会用到这两个，所以觉得这两个比较弱的，还是有必要再好好练习下！！！** ##

# 以下是js的大概介绍，更多的学习可以参考这个网站：[http://www.w3school.com.cn/example/jseg\_examples.asp][http_www.w3school.com.cn_example_jseg_examples.asp] #

如果对您有帮助 ，请多多支持.多少都是您的心意与支持，一分也是爱，再次感谢！！！  支付宝赞赏： ![70][]记得点击下面的余额宝，红包可能要大些。

Javascript语言诞生主要是完成页面的数据验证。因此它运行在客户端，需要运行浏览器来解析执行JavaScript代码。

特点：

1.  交互性（它可以做的就是信息的动态交互）
2.  安全性（不允许直接访问本地硬盘）
3.  跨平台性（只要是可以解释Js的浏览器都可以执行，和平台无关）

**JavaScript与Java不同**

1.  JS是Netscape公司的产品，前身是LiveScript;Java是Sun公司的产品，现在是Oracle公司的产品。JScript微软  w3c ECMA组织   ECMAScript   jQuery

js 是 java script的缩写

1.  JS是基于对象，Java是面向对象。

window对象。location对象，History对象，Document对象

1.  JS只需解释就可以执行，Java需要先编译成字节码文件，再执行。  JS代码有无，浏览器一般不会提示错误。

1.  JS是弱类型，Java是强类型。

int 变量名  = int类型

var 变量名 = 随意。

1.  **JS中的注释**

每种语言都有它自己的注释方式，咱们来回忆一下，

Html的注释：

Css 的注释： /\* CSS注释 \*/

Java 注释

单行注释：//

多行注释：/\* java多行注释 \*/

JavaScript 的注释跟Java一样，有单行，也有多行

单行注释：//

多行注释：/\* 多行注释 \*/

1.  **关键字、标识符**

什么是关键字？

关键字：是系统预先定义好的拥有特定含义的单词或者字母组合。

if ，else，class，throw，switch等等

什么是标识符？

标识符：是我们自己给自己定义好的拥有特定含义的单词或者字母组合。

int i1;  i1 就是一个标识符

1.  **常量**

简单的理解，常量，就是不会发生改变的内存值。

Java中的常量分类：

数字：整数和小数 12, 23.12

字符：使用单引号引用 ‘A’

字符串：使用双引号引用 “this is a String！”

布尔值：true或false

空值：null

JS中的常量分类：

数字：不分整数和小数 12, 12.1212   number类型

字符串：使用单引号或者双引号引用起来的都是字符串 “abc”

布尔值：true或false

空值：null

未定义：undefined  初被赋初值

NAN：not a number 。表示非数字

1.  **变量**

什么是变量？变量是可以存放某些值的内存的命名。

Java 的变量类型：

字符形： char

布尔类型： boolean

字节类型： byte

短整形： short

基本整形： int

长整形： long

单精度浮点形： float

双精度浮点形： double

字符串类型： String

对象类型： Object

接口类型： interface

javaScript的变量类型：

数值类型： number

字符串类型： string

对象类型： Object

布尔类型： boolean

函数类型： function

javascript里特殊的值：

null 空值

undefined 未定义（所有变量未被赋初值的时候，它的默认值就是undefined）

NAN： not a number 缩写  非数字

JS中的定义变量格式：

var 变量名;

var 变量名 = 值;

## **运算符：** ##

### **7.1、算术运算：** ###

加法 ： +

减法 ： -

乘法 ： \*

除法 ： /

自增 ： ++

自减 ： --

求余运算 ： %

### **赋值运算** ###

等于 ： =

加等于 ： +=

减等于 ： -=

乘等于 ： \*=

除等于 ： /=

求余等于 ： %=

### **7.3、关系（比较）运算** ###

大于号： >

小于号： <

等于： ==

全等于： ===

不等于： !=

大于等于： >=

小于等于： <=

### **逻辑运算** ###

且运算： &&

或运算： ||

取反运算： !

### **位运算** ###

& 按位与：   对应的位都为1时，结果为1.

| 按位或：    对应的位，只要有一个为1时，结果为1

^ 按位异或：     对应的位相同时为零，不同时为1

~ 按位取反：   对应位为1时，结果为零，对应位为0时，结果为1

<< 左移：     按位 左移N 位，相当于乘以2的N次方

>> 右移：     按位 右移N位 ，相当于除以2的N次方

>>> 带符号右移：   连同符号位，按位右移

### **三元运算** ###

格式：表达式1 ? 表达式2 ：表达式3

当表达式1为真时，返回表达式2的值，否则返回表达式3的值

## **8、语句** ##

### **8.1、if判断结构：** ###

**1.判断语句有哪3种**

if(表达式)\{

语句1

if(表达式1)\{

代码1

\} else\{

代码2

if ( 表达式1 )\{

代码1

\} else if (表达式2) \{

代码2

\} else \{

代码3

### **switch分支结构** ###

**1.switch 语句格式：**

switch(变量)\{

case 值1：

break;

case值2：

break;

default:

### **while和do-while 循环** ###

while 语句格式：

while(表达式) \{

语句

do - while 语句格式：

do\{

\}while(表达式)；

while先判断后执行，

do-while先执行后判断

### **for循环** ###

for 循环语句：

for ( 语句1; 语句2; 语句3 )  \{

循环体

……

语句1主要是用来初始化变量

语句2,判断循环条件

语句3，修改循环变量

## **函数（重点\*\*\*\*）** ##

### **10.1、函数的三种定义方式** ###

第一种通过function关键字定义函数。

格式如下：

function 函数名(参数列表)\{

函数体

如果你想定义带有返回值的函数。只需要在函数体内使用return语句。直接返回你要返回的结果就可以。例如：

function 函数名(参数列表)\{

// do some thing

return (some thing);

函数的第二种定义方式：

var 变量名(函数名) = new Function(“参数列表”,”函数体”);

函数的第三种定义方式：

格式如下：

var 变量名(函数名) = function(参数列表)\{

函数体

## **数组** ##

### **11.1、数组第一种定义方式** ###

Java 里中定义数组：

类型\[\] 数组名 = new 类型\[\];

类型\[\] 数组名 = \{ a,b,c,d\}；

Js 中 数组的定义：

var 数组名 = \[\]; // 这是定义一个空的数组

var 数组名 = \[12,”this is a string!” , true,1234\];  // 就定义了一个带有四个元素的数组。

# 以上就是js的大概介绍，更多的学习可以参考这个网站：[http://www.w3school.com.cn/example/jseg\_examples.asp][http_www.w3school.com.cn_example_jseg_examples.asp] #

[http_www.w3school.com.cn_example_jseg_examples.asp]: http://www.w3school.com.cn/example/jseg_examples.asp
[70]: /images/20220511/c18504886eda49ee9a5313f875055ff3.png

JavaScript专题学习一之JavaScript简单介绍

发表评论取消回复

还没有评论，来说两句吧...

相关阅读

相关 JavaScript专题之代码简洁

相关 JavaScript 介绍（一）

相关 JavaScript专题之类型判断(上)

相关 JavaScript专题之数组去重

相关《JavaScript高级程序设计》学习笔记之JavaScript函数介绍

相关 JavaScript专题学习一之JavaScript简单介绍

相关 javascript判断专题

相关 javascript简单介绍

相关前端学习之路-CSS介绍，Html介绍，JavaScript介绍

相关高性能JavaScript 简单学习