20180713- JavaScript语法

JavaScript基本语法；

流程控制语句；

函数。

操作网页元素、浏览器窗口进行交互。

      JavaScript是一种基于对象和事件驱动的客户端脚本语言，

最初的设计是为了检验HTML表单输入的正确性，

起源于Netscape公司的livescript语言。

在HTML中使用JavaScript：

可以在head或body中

使用<script>嵌入JavaScript脚本。

JS的语法规则：

JavaScript的注释与分号

//         单行注释

/**/      多行注释

注释快捷键：Ctrl+shift+/

快速打开控制台：Ctrl+shift+I

语句结束使用分号，如果省略，则由解析器确定语句的结尾。

JavaScript的语法：

ECMAScript中的一切（变量、函数名和操作符）都区分大小写。

JavaScript的标识符：

标识符：

变量、函数、属性的名字，或者函数的参数。

标识符的命名规则：

①由字母、数字、下划线（_）或美元符号（$）组成；

②不能以数字开头；

③不能使用关键字、保留字等作为标识符。

变量：

ECMAScript的变量是松散类型。

松散类型：可以用来保存任何类型的数据。

换句话说，每个变量仅仅是一个用于保存值的占位符而已。

变量的声明和赋值：

1、变量声明：

      变量的声明要使用var操作符，

      语法：var变量名

2、变量赋值：

      声明的同时赋值：var变量名=值

      先声明后赋值：变量名=值

一次声明多个变量：

用逗号隔开，如：

var id,sex,age,name="marry";

var name_01="marry",age=18,email="marry@sohu.com",address;

说明：

1、省略var声明的变量是全局变量；

2、不推荐省略var操作符来定义全局变量。

JavaScript的数据类型：

学习目标：

1、掌握JavaScript的数据类型

2、掌握typeof操作符

3、掌握Undefined

4、掌握null

JavaScript的数据类型：

typeof：

功能：检测变量函数

语法：typeof变量   或   typeof（变量）

返回值：string类型，有可能是：

              string,number,boolean,object,undefined,function

console.log(name_01)//在控制台中打印

console.log(typeof name_01)//检验变量类型

undefined（没有定义的）：

undefined类型只有一个值，即特殊的undefined。

说明：一般而言，不存在需要显示地把一个变量设置为undefined值的情况。

声明一个变量，没有赋值

null

1、null值表示一个空对象指针

2、如果定义的变量准备在将来用于保存对象，那么最好将改变量初始化为null而不是其他值。

说明：undefined值是派生自null值的，所以undefined=null的返回结果是true。

学习目标：

1、掌握Number

2、掌握isNaN()

3、掌握数值转换

①Number（）

②parseInt()

③parseFloat()

Number:

Number:表示整数和浮点数

NaN:即非数值（Not  a  Number）是一个特殊的数值

本来打算返回一个数值，可是算不出来，所以只能打印NaN

说明：

①任何涉及NaN的操作（例如NaN/10）都会返回NaN。

②NaN与任何值都不相等，包括NaN本身。

isNaN()

-语法：isNaN(n)

-功能：检测n是否是“非数值”

-返回值：boolean        返回值不是真就是假

    false-是数字

    true-非数字

-参数：参数n可以是任何类型

说明：isNaN()对接收的数值，先尝试转换为数值，再检测是否是非数值。

“”代表字符串

var id="16";
console.log(isNaN(id));

数制转换：

有3个函数可以把非数值转换为数值：

-Number()

-parseInt()    取整数

-parseFloat()    第一个小数点有效，第二个小数点以后的忽略

                         12.45.3打印出来的是：12.45

var id="16";
id=Number(id);
console.log(typeof id);

console  number

var id="16";
console.log(typeof id);

console  string

强制转换：

id=Number(id);

name_01=Number(name_01);

parseInt()

parseInt()：会忽略字符串前面的空格，直至找到第一个非空格字符。

说明：

①parseInt()：转换空字符串返回NaN。

②parseInt()这个函数提供第二个参数：转换时使用的基数（即多少进制）

var topval=parseInt("28px");
console.log(topval);

parseInt必须以数字开头

parseFloat()

从第一个字符开始解析每一个字符，直至遇见一个无效的浮点数字符为止。

说明：

除了第一个小数点有效以外，

parseFloat()与parseInt()的第二个区别在于它始终都会忽略前导的零。