js中的用途组成部分常用语法字面类数字字符串布尔值 undefind null Nan 运算符

我不是女神ヾ 2021-09-18 14:34 136阅读 0赞

## **js中用途:                           **  ##

--------------------

# #

**  **   **数据验证**

**    读写HTML元素**

**    与浏览器进行交互效果**

**   网页特效**

**   web游戏制作**

**   基于Node.js技术进行服务器编程**

## ** javascript组成部分** ##

--------------------

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxMzI4MjQ3_size_16_color_FFFFFF_t_70][]

--------------------

# #

## **常用语法的用法** ##

--------------------

alert 弹出框   :window.alert()   对象.方法()

alert后面直接书写小括号，小括号内部书写内容文本，用双引号包裹文本内容。

console.log(): 在console面板输出内容   console是js内置对象。

(typeof） 数据检测

number转为string+: 当+两侧都是数字字面量表示加法

当+两侧不都是number类型时，尤其数字和字符串书写，+表示拼接作用。

prompt(): 2个参数  提示文本框

1参数：提示文本

2参数：默认文本

将string转为number方法：parseInt()  整数,parseFloat() 浮点数   (驼峰命名)

parseInt(): 取整

parseFloat(): 浮点数

	parseInt()：  将字符串转为整数
    1	// 参数：书写字符串
    2	console.log(parseInt("12.1212"));
    3	console.log(parseInt("2333e10"));
    4	console.log(parseInt("2333a10"));
     
    	结果有可能是NaN
    1	console.log(parseInt("a12"));
    2	console.log(parseInt("十二"));
    3	console.log(parseInt("你好"));

## 字面量分类：数字，字符串，布尔值，undefined,null ##

**任何数据都有数据类型，比如数字，字符串，数组，函数等**

**数据类型名称：**

**简单数据类型：**

**number: 整数，浮点数，特殊值**

**string:   字符串**

**boolean:  true , false**

**undefined: 只包含一个值undefined     数据类型  number      Nan的数据类型也是number **

**引用数据类型：**

**object(对象) **

**function（函数）**

--------------------

数字：整数，浮点数，特殊值

整数表示方法：十进制，八进制，十六进制

八进制：0,0o,0O (逢八进一)  有效数字0-7

十六进制：0x,0X（逢十六进一） 0-9   a-f超过有效数字直接报错

浮点数：表示方法只能是十进制

特殊值：

infinity:由于计算机能力有效，超过极限时显示无穷Infinity(非常大的数字)

NaN(not a number)

字符串

字符串字面量：指的是生活说的各种话。比如各种语言，语言中的一些数字，标点等

字符串字面量： “”

声明变量:

变量名（标识符）命名规则：

第一个字符可以是字母（js区分大小写），下滑线（\_）,美元符号$，后面字符可以是字母，\_,$,数字

不可以是关键字或者保留字

关键字：js具有一些功能性的词语。

保留字：目前没有特殊功能，保留下来未来可能是关键字

关键字：

break　　do　　instanceof　　typeof　　case　　else　　new　　var　　catch　　finally　　return　　void　　continue　　for　　switch　　while　debugger\*　　  function　　this　　with　　　　default　　if　　throw　　delete　　in　　try

保留字：

abstract　　enum　　int　　short　　boolean　　export　　interface　　static　　byte　　extends　　long　　super　　char　　final　　native　　class

synchronized　　float　　package　　throws　　const　　goto　　private　　transient　　debugger　　implements　　protected　　volatile　　double

import　　public

--------------------

## **运算符** ##

**  ** \+，-，\*， /,      %(取余)     整数直接取余     先算乘除，取余，再算加减，如果有小括号在算小括号

纯数字字符串参与运算，纯数字字符串不用书写parseInt(),parseFloat（），

// 参数只有一个字符串，不用书写进制参数
    	// 检测数据类型
    	console.log(typeof(parseFloat("12.12.1.22444")));
    	console.log(parseFloat("12.12.1.22444"));
    	// 浮点数可以使用幂
    	console.log(parseFloat("1.2e-4"));
    	// 结果也有可能是NaN
    	console.log(parseFloat("你好12"));
    
    
    number
    12.12
    0.00012
    Nan

自动确定会隐式转换，转为对应的数字参与运算。（加法除外，加法仍然是拼接作用）

// 纯数字字符串，会隐式转换,加法除外，还是拼接作用
    	console.log(12 - "2");
    	console.log(12 * "2");
    	console.log(12 / "2");
    	console.log(12 % "2");
    	console.log(12 + "2");
    
    
    10
    24
    6
    0
    122

Infinity参与运算

1.      // Infinity
        	console.log(12 + Infinity);
        	console.log(12 - Infinity);
        	console.log(12 / Infinity);
        	console.log(12 % Infinity);
        
        Infinity
        -Infinity
        0
        12
    
    NaN结果都是NaN  
2.      // NaN运算
        	console.log(12 + NaN);
        	console.log(12 / NaN);
    
     
3.  undefined参与运算结果都是NaN
    
        // undefined参与运算结果都是NaN
        	console.log(12 + undefined);
        	console.log(12 - undefined);
        	console.log(12 * undefined);
    
     
    
     
4.  非纯数字字符串参与运算结果都是NaN，+还是拼接作用
    
        // 非纯数字字符串参与运算，结果都是NaN，+ 还是拼接作用
        	console.log(12 - "你好");
        	console.log(12 * "你好");
        	console.log(12 + "你好");
        
        NAN
        NAN
        12你好

true,false,null，参与运算也会隐式转换。(加法也会隐式转换)

true  1

false 0

null  0

console.log(12 + true);
    	console.log(12 - false);
    	console.log(12 * null);
    	console.log(12 / null);
    
    
    
    12+1=13
    12-1=11
    12*0=0
    12/0=Infinity

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxMzI4MjQ3_size_16_color_FFFFFF_t_70]: /images/20210812/530f37b284fb44e0a4995ec44f3b35c4.png